Hola, llevo todo el día intentando encajar las imágenes de los títulos, con los bordes de abajo, y no hay manera, me queda una línea blanca entre ambas. Os pongo la imagen para que se entienda mejor: ---> viajesbaliber.com/pruebas/7/dibujo.jpg
Código:
<!-- CABECERAS OFERTAS-->
<div class="DivOfertasVuelos">
<img src="img/vuelos.gif" alt="Ofertas Vuelos" />
</div>
<div class="DivUltimaHora">
<img src="img/ultimahora.gif" alt="Ofertas Última hora" width="247" height="35" />
</div>
<div class="DivOfertasHoteles">
<img src="img/hoteles.gif" alt="Ofertas Hoteles" width="247" height="35" />
</div>
<div class="clear"></div>
<!-- CAJAS OFERTAS-->
<!-- OFERTAS VUELOS -->
<div class="caja1">
<p class="txtN" style="line-height: 10px">MADRID - PARÍS</p>
<span class="txt">Ida y vuelta desde </span><span class="precio"> 53€</span>
<hr/>
<p class="espacio1"> </p>
<p class="txtN" style="line-height: 10px">MADRID - PARÍS</p>
<span class="txt">Ida y vuelta desde </span><span class="precio"> 53€</span>
<hr/>
<p class="espacio1"> </p>
<p class="txtN" style="line-height: 10px">MADRID - PARÍS</p>
<span class="txt">Ida y vuelta desde </span><span class="precio"> 53€</span>
<hr/>
<p class="espacio1"> </p>
<p class="txtN" style="line-height: 10px">MADRID - PARÍS</p>
<span class="txt">Ida y vuelta desde </span><span class="precio"> 53€</span>
<hr/>
<p class="espacio1"> </p>
<p class="txtN" style="line-height: 10px">MADRID - PARÍS</p>
<span class="txt">Ida y vuelta desde </span><span class="precio"> 53€</span>
<hr/>
<p class="vermas">+ Ver más ofertas+</p>
<div class="cajaabajo">
<p> </p>
</div>
</div>
<!-- CAJA ÚLTIMA HORA-->
<div class="caja2">
<p class="txtN" style="line-height: 10px">MALLORCA - 3 días</p>
<span class="txt">Hotel 3* MP desde </span><span class="precio">80€</span>
<hr/>
<p class="espacio1"> </p>
<p class="txtN" style="line-height: 10px">MALLORCA - 3 días</p>
<span class="txt">Hotel 3* MP desde </span><span class="precio"> 80€</span>
<hr/>
<p class="espacio1"> </p>
<p class="txtN" style="line-height: 10px">MALLORCA - 3 días</p>
<span class="txt">Hotel 3* MP desde </span><span class="precio"> 53€</span>
<hr/>
<p class="espacio1"> </p>
<p class="txtN" style="line-height: 10px">MALLORCA - 3 días</p>
<span class="txt">Hotel 3* MP desde </span><span class="precio"> 53€</span>
<hr/>
<p class="espacio1"> </p>
<p class="txtN" style="line-height: 10px">MALLORCA - 3 días</p>
<span class="txt">Hotel 3* MP desde </span><span class="precio"> 53€</span>
<hr/>
<p class="vermas">+ Ver más ofertas+</p>
<div class="cajaabajo">
<p> </p>
</div>
</div>
<!-- CAJA OFERTA HOTELES-->
<div class="caja3">
<p class="txtN" style="line-height: 10px">MALLORCA - 3 días</p>
<span class="txt">Hotel 3* MP desde </span><span class="precio">80€</span>
<hr/>
<p class="espacio1"> </p>
<p class="txtN" style="line-height: 10px">MALLORCA - 3 días</p>
<span class="txt">Hotel 3* MP desde </span><span class="precio"> 80€</span>
<hr/>
<p class="espacio1"> </p>
<p class="txtN" style="line-height: 10px">MALLORCA - 3 días</p>
<span class="txt">Hotel 3* MP desde </span><span class="precio"> 53€</span>
<hr/>
<p class="espacio1"> </p>
<p class="txtN" style="line-height: 10px">MALLORCA - 3 días</p>
<span class="txt">Hotel 3* MP desde </span><span class="precio"> 53€</span>
<hr/>
<p class="espacio1"> </p>
<p class="txtN" style="line-height: 10px">MALLORCA - 3 días</p>
<span class="txt">Hotel 3* MP desde </span><span class="precio"> 53€</span>
<hr/>
<p class="vermas">+ Ver más ofertas+</p>
<div class="cajaabajo">
<p> </p>
</div>
</div>
Aquí el CSS
Código:
.DivOfertasVuelos{
position: static;
width: 244px;
padding-right:85px;
float:left;
}
.DivUltimaHora{
position: static;
float:left;
padding-right:85px;
}
.DivOfertasHoteles{
position: static;
float:left;
}
.caja{
background-image: url("img/centro.gif");
background-repeat: repeat-y;
width: 247px;
border:5px;
}
.caja1{
background-image: url("img/centro.gif");
background-repeat: repeat-y;
position: static;
width: 247px;
float:left;
padding-right:83px;
}
.caja2{
width: 247px;
background-image: url("img/centro.gif");
background-repeat: repeat-y;
position: static;
width: 247px;
float:left;
padding-right:85px;
}
.caja3{
width: 247px;
background-image: url("img/centro.gif");
background-repeat: repeat-y;
position: static;
width: 247px;
float:left;
}