Tema: Repeat
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 30/08/2006, 12:48
Avatar de Shia
Shia
 
Fecha de Ingreso: septiembre-2003
Mensajes: 202
Antigüedad: 20 años, 6 meses
Puntos: 0
Hola

Intentaré explicar mejor. Tengo un layout, formado por 3 imágenes (top, body, footer), la imagen (body) que será el cuerpo de la página, esta imagen es pequeña de unos 700x120 (apróximadamente), entonces cada vez que quiero utilizar ese imágen hago lo siguiente:

<div class="cuerpo">Textoooo.... </div> Lo típico es que el texto sobrepase la imágen por lo que termino colocando la clases cuerpo repetidas veces, me queda algo así.

Código:
<div class="body">Textoooo.... 
 <div class="body"></div> <!--(¿Porqué repito la clases aquí?, porqué necesito la imágen del cuerpo de la página para que termine de mostrase el texto anterior ya que sobrepasó la otra imágen)-->
</div>
Yo ya había probado con el atributo de repeat-y pero no me funcionaba, en el .css tenía esto en la clases del body.

Código:
.fbody /*726x121*/
{
width: 726px;
height: 121px;
margin:0;
float: center;
background-image: url('body.jpg');
background-repeat: repeat-y;
}
Probé pornerlo de esta forma background: #000 url(body.jpg) repeat-y;
y la única forma que llegó a repetirse fue colocando esa línea en el...

Código:
#container
{
background-color: #fff;
color: #fff;
font-family: verdana;
font-size: 10px;
background: #000 url(body.jpg) repeat-y;
}
Así funciona. El problema es que ahora se repite una segunda columna (fuera del layout) que no sé como quitar.

Saludos, gracias. Mis disculpas si me enrede un poco al intentar explicar.
__________________
I don't care