CSS - problema con repeat-x

 
Vista:

problema con repeat-x

Publicado por andres escobar (1 intervención) el 04/01/2011 21:24:48
hola tengo esto:
.fondo {
background: #00ff00 url("images/13.gif");
background-repeat: repeat-x;
background-position: center;
}

es para poner una imagen como fondo a una celda de una tabla.....

<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td class="fondo"><p>HOLA A TODO EL MUNDO????</p></td>
<td><p> </p></td>
<td><p> </p></td>
</tr>
</table>

pero cuando repoite la imagen... se ve un peuqeño epsacio en blanco.... no quedan bn juntas para q se vea como una unica imagen....

como puedo arreglar eso? grax
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

problema con repeat-x

Publicado por DerangedMX (39 intervenciones) el 03/11/2011 23:30:03
Hola Andres,

puedes simplificarlo de la siguiente forma:

1
.fondo {width:100%; float:left; background:url(images/imagen.gif) bottom left repeat-x;}


Con lo anterior estamos dando la instrucción de colocar la imagen en la parte inferior izquierda del tag que vamos a modificar, y esta se repetiré en el eje de las x.

Saludos.

pki | ssl | certificado de seguridad | certificado digital | cfdi
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar