Buenas a todos.
Quiero ubicar un texto donde indica la imagen de forma fija.
Van a ser varios div flotantes que cada uno representa una sección.
El problema es que a la hora de situar el texto como absolute, me toma como referencia el texto superior y no el div padre, con lo que según sea de largo el texto superior, el texto inferior se sitúa en un sitio u otro.
Este es el código CSS:
Código HTML:
<div class="seccion_en_articulo">
<img href="path"/>
<h1>Titulo de Seccion</h1>
<h2>Texto de muchas lineas más o menos largo</h2>
<h3>TEXTO QUE QUIERO SITUAR</h3>
</div>
Código:
div.seccion_en_articulo {
width: 260px;
height: 310px;
float:left;
border: 1px red solid;
}
div.seccion_en_articulo h1 {
font-weight:bold;
color:#6F6F6F;
font-size:14px;
letter-spacing:0;
font-family:arial,tahoma;
text-align:left;
padding-left: 8px;
margin:0px;
}
div.seccion_en_articulo h2 {
font-weight:normal;
color:#474747;
font-size:12px;
letter-spacing:0;
font-family:arial,tahoma;
text-align:left;
padding:4px 8px;
margin:0px;
}
div.seccion_en_articulo h3 {
text-align:left;
color:#2D6188;
font-size:12px;
bottom: 9px;
}
Muchas gracia.