Hola, veréis, pretendo unir varias imágenes en 1 sola mediante DIV's, pero el caso es que me quedan separados.. es decir, no se unen al 100% y queda un margen de 3 o 4 px que se nota, a ver si me podéis echar un cable... gracias! os dejo el código aquí:
Código CSS:
Ver original<style type="text/css">
#n1{ background: url("1.png") no-repeat ;}
#n2{ background: url("2.png") no-repeat;}
#n3{ background: url("3.png") repeat-x scroll right top;}
.w{
height: 85px;
margin-left: 8.5px;
margin-top: 0px;
}
.t1 {
padding: 1em 0 0 0;
text-align: center;
}
#t2{
margin: 0 auto;
text-align: center;
width: 900px;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
</head>
<body>
<div class="t1" >
<div class="t2">
<div id="n1" class="w" style="width:15px; float:left;"><p></p></div>
<div id="n3" class="w" style="width:700px; float:left; ">
<br />
<br />
</div>
<div id="n3" class="w" style="width:10px; float:left; "><p></p></div>
</div>