Este es el tercer ejemplo que publico, utilizando maquetación con DIV’s. Al igual que el artículo anterior, este ejemplo utiliza el método de dibujado del panel derecho, antes que el izquierdo. Aún sigo analizando el por que de este comportamiento, pero sin duda, sea cual sea la respuesta, permite un dibujado más limpio, optimizado y profesional.
<div style = "display: table; width: 500px;">
<div style = "float: left; height: 250px; width: 78px;"></div>
<div style = "float: right; height: 70px; width: 413px;"></div>
<div style = "float: right; height: 173px; width: 150px;"></div>
<div style = "float: right; height: 50px; width: 255px;"></div>
<div style = "float: right; height: 115px; width: 255px;"></div>
</div>
<div style = "float: left; height: 250px; width: 78px;"></div>
<div style = "float: right; height: 70px; width: 413px;"></div>
<div style = "float: right; height: 173px; width: 150px;"></div>
<div style = "float: right; height: 50px; width: 255px;"></div>
<div style = "float: right; height: 115px; width: 255px;"></div>
</div>
Articulos Relacionados:
Muchisimas gracias mi estimado. Me haz sacado de un super problema con estos tips tan que das.
Gracias Bro.
Quisiera saber porque si el objetivo es optimizar el codigo utilizas “style” en vez de armar todo eso en una “id” dentro de un CSS?
Yo estoy tomando tus ejemplos para aprender como usarlos, pero creo que a la larga me va a resultar poco comodo si tengo que armar despues el CSS con todo esto creado con los style.
Saludos igual y gracias por la info
Bien Jonatan. Ante todo, muchas gracias por tomar mi serie de articulos, como ejemplo de desarrollo.
En respuesta a tu pregunta, lo que sucede es que, como verás, el blog está en WordPress.com, el cual, no deja editar la plantilla CSS, por lo que no he podido crear las clases, teniendo que hacerlo directamente, desde el body.
Cada ejemplo, tiene indicado el HTML que la generó. Le he colocado por eso mismo, no por que esté promoviendo el uso de STYLE para ello.
Que excelente ejemplo, una maravilla. Actualmente quiero profundizar en el aprendizaje de CSS y esta clase de tutoriales ayuda muchísimo.
saludos!