Hola y gracias por tu ayuda:
me explico:
estoy en un proyecto de periodico.
tengo un div llamado izqui, esta flotado a la izquierda, en el cual quiero meter tres noticias, con su foto y texto.Todo en php. Las pruebas las hago con una imagen y un texto.
Mi problema es que al div flotado a la izquierda, que es el contenedor, le pongo tres divs flotados tambien a la izquierda y los divs me salen uno debajo del otro.
He mirado todas las explicaciones vistas y por ver en la web, he probado mil cosas y llevo 5 dias estancado en eso. Me voy a morir de pena pensando que soy tonto. Os dejo el xhtml y la css del div contenedor y de los tres divs que esta en el mismo archivo:
<!--|**noticias secundarias-->
<div class="box_cen_se">
<h2>Tres noticias secundarias</h2>
<div class="tres1">
<img src="img/santuario2.jpg" alt="santuario" height="80" width="120">
<p>Aqui va el titular de la noticia</p>
</div>
<div class="tres2">
<img src="img/santuario2.jpg" alt="santuario" height="80" width="120">
<p>Aqui va el titular de la noticia</p>
</div>
<div class="tres3">
<img src="img/santuario2.jpg" alt="santuario" height="80" width="120">
<p>Aqui va el titular de la noticia</p>
</div>
</div>
Aqui va la css:
.box_cen_se {
background-color: #FFFFFF;
border-right: 1px solid #D1D1D1;
border-bottom: 1px solid #D1D1D1;
padding: 8px;
display: block;
background-image: url(img/degra_es.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-x-position: left;
background-y-position: top;
}
.box_cen_se h2 {
margin-top: 0;
font-family: serif;
color: #CC3333;
font-size: 1.8em;
}
.box_cen_se img {
border-top: 1px solid #FF3333;
border-left: 1px solid #FF3333;
border-right: 1px solid #FF3333;
width: auto;
}
.tres1 {
position: left;
}
.tres1 p,.tres2 p {
font-size: 1em;
width: 90px;
}
.tres2 {
position: left;
}
.tres3 {
position: left;
}
Si me responde alguien le pondré la url del periodico para que vea como va quedando.
Por favor no puedo mas, necesito de vuestra ayuda.