Hola me pregunto si es posible transformar un trozo de código html estático en
lista (ul y li)y convertir la css anterior conservando el aspecto y anidación
de los campos anteriores en la nueva lista mediante una nueva css?
Es decir pasar de este codigo:
<div class="darrersblocs">
<div class="post">
<div class="foto"><a href="#"><img src="./images/avatar.gif"></a></div>
<div class="text">
<h3><a href="#">Lorem ipsum</a></h3>
<h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus
sollicitudin malesuada sapien. Aliquam erat volutpat. Donec a libero. </h4>
<h5>Autor - <a href="#">bbb</a></h5>
<h6><a href="#">aaa</a></h6>
</div>
</div>
A un codigo del tipo <ul> <li> elemento de lista </li> </ul>
partieno de una css original para este código del tipo siguiente:
div.esquerra div.darrersblocs { }
div.esquerra div.darrersblocs div.post { }
div.esquerra div.darrersblocs div.post div.text h3 { }
div.esquerra div.darrersblocs div.post div.text h3 a { }
div.esquerra div.darrersblocs div.post div.text h3 a:hover { }
.post .text h4 { }
..... sigue pero la anidación es más o menos del mismo modo.
y conservando el aspecto de cada elemento.
Resumiendo creo que sería "anidar" dentro de <li>las clases post, foto, text y
los campos h3, h4, h5 etc y conseguir darles formato de acuerdo con la css
original.
La anidación como debería ser? me lío y no me funciona :(
Gracias, espero alguien pueda ayudarme a llevar más allá mi diseño mediante css
y clases.
Saludos
----------------------------------------------------------------
This message was sent using IMP, the Internet Messaging Program.
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
