CSS propiedad repeat de background

[rdp89]

Hola a todos, os quiero dejar una duda que tengo que me tiene hartito... Os explico, en mi web, estoy poniendo un estilo tal que es una web, con entradas, cada una dentro de un rectangulo blanco, y mi dolor de cabeza es... como puedo hacer para que la propiedad repeat tenga en cuenta la fotografía y me repita el rectangulo hasta que la foto acabe, en resumen, solo tiene en cuenta el texto, la imágen la ignora.

Aquí lo tenéis en imágenes:

En esta foto, como veís, al haber más texto que foto, no hay problema, pero en la de arriba, pasa lo contrario, y esa es mi duda, muchisimas gracias de antemano.

[Panicav]

Prueba colocarlo de esta manera por ejemplo

Código HTML:

<div style="border: solid #808080 3px; background-color: #EFF1F0;">
<img src="t_img.JPG" alt="" style="float:left; margin: 5px;"/>
<h4>Hola</h4> Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto  
 
 
<div style="clear:both;"></div><!-- esto permite que se respete el tamaño del div contenedor-->
</div>
 

<img src="t_img.JPG" alt="" style="float:left; margin: 5px;"/> =>> el float:left hace que tu imagen permita el texto alrrededor

<div style="clear:both;"></div> ==>> a partir de esto deja de respetar el float y sigue todo normal.

Espero te sirva saludos!!!

[rdp89]

MUCHISIMAS GRACIAS AMIGO! ME HA FUNCIONADO, SON LAS COSAS RARAS DE CSS Y HTML.. ENTIENDO PERO NO ENTIENDO PORQUE HAY QUE PONERLO ASÍ, PERO BUENO... FUNCIONA! MUCHAS GRACIAS! Si tienes twitter dámelo y recomiendo que te sigan, un saludo

[Panicav]

Por nada me alegro que te alla sido útil, saludos.

Mi cuenta de twitter: @PabloWebCoral

[C2am]

Hola rdp89

Seguramente tienes esa imagen flotada, es decir en sus estilos debe tener lo siguiente:

Código CSS:

imagen{
float:left;
}
 

Y el fallo, o comportamiento del contenedor se debe a que al estar flotada la imagen, sale del flujo normal del documento, y para el contenedor es como si no estuviera allí.

Y la solución se conoce como "limpiar los float".

Una de la posibles soluciones es la que te ha dicho PAnicav (Hola conciudadano), pero tiene el inconveniente de que es necesario poner un div, o caja vacía, la cual no tendría que estar, y no tiene ningún sentido semántico, signifique lo que esto signifique, jajaja.


Otra posible solución es aplicarle al contenedor lo siguiente:

Código CSS:

#contenedor{
overflow:hidden;
}
 

Como ves, no se crea otra caja para solucionar el comportamiento al aplicar flotados, sino que se le aplica una propiedad a la caja contenedora.

Pero mejor te dejo un link, donde explican muchisimo mejor lo que te estoy diciendo:
http://www.librosweb.es/css_avanzado...ar_floats.html

Saludos

Edito: RDP89, como sugerencia te digo que siempre es mejor postear el código que estas usando (html + css) que una imagen. Esto hará que la ayuda sea mucho más efectiva. No todo el código, pero sí la parte relevante. También puedes poner un enlace. Saludos 2