Hola de nuevo.
Por ahora he conseguido arreglar el orden de elementos poniendo un div "contenedor" que englobe por un lado a section y por otro a ese aside que se descolocaba y parece que va bien.
Sin embargo la zona de noticias me sigue descolocando la segunda donde la imagen está a la izquierda pero el título y el párrafo no se colocan justo al lado, el párrafo siempre abajo.
http://jose-carlos.com/cubero/
Estoy intentando hacerlo todo sin float y solo con displine:inline-block como están la primera y tercera noticia donde todo va correctamente.
Aquí por ejemplo lo he puesto con float y queda bien, ¿pero como podría hacer esa segunda noticia sin float para que quedase igual?
http://jose-carlos.com/cubero/articulo-solo.html
Código HTML:
Ver original <h3>Fiestas este fin de semana
</h3> <p class="noticia-izquierda">Este fin de semana viene cargado de fiestas y muuuuucha salsa.
Empezaremos el viernes en DOWN CLUB
23.30 horas con un taller de rueda de salsa.
Animaciones, Salsa, Bachata y Mojitos fresquitos!!!
Con una terraza espectacular, no dudes en venir!!!
**********************
Y los Domingos son de LA TERRAZA NIGTH & DAY</p>
<img src="imagenes/img-noticia1.jpg" class="img-derecha">
</article>
<article>
<h3 class="n-derecha">Fiestas este fin de semana</h3>
<p class="n-derecha">Este fin de semana viene cargado de fiestas y muuuuucha salsa.
Empezaremos el viernes en DOWN CLUB
23.30 horas con un taller de rueda de salsa.
Animaciones, Salsa, Bachata y Mojitos fresquitos!!!
Con una terraza espectacular, no dudes en venir!!!
**********************
Y los Domingos son de LA TERRAZA NIGTH & DAY</p>
<img src="imagenes/img-noticia1.jpg" class="izquierda" class="n-izquierda">
</article>
<article>
<h3>Fiestas este fin de semana</h3>
<p class="noticia-izquierda">Este fin de semana viene cargado de fiestas y muuuuucha salsa.
Empezaremos el viernes en DOWN CLUB
23.30 horas con un taller de rueda de salsa.
Animaciones, Salsa, Bachata y Mojitos fresquitos!!!
Con una terraza espectacular, no dudes en venir!!!
**********************
Y los Domingos son de LA TERRAZA NIGTH & DAY</p>
<img src="imagenes/img-noticia1.jpg" class="img-derecha">
</article>
</section>
Código CSS:
Ver originalarticle p, h3{
width: 60%;
display: inline-block;
vertical-align: top;
margin: 5px;
background-color: #444;
/*float: right;*/
}
article img{
display: inline-block;
margin: 5px;
border: 1px solid #fff;
/*float: left;*/
}
.n-derecha{
float: right;
}
.n-izquierda{
float: left;
}
Saludos.