buff no he entendido muy bien lo que quieres pero para anidar listas te
paso un ejemplode algo que estoy haciendo:
<ul>
<li><a href="#presentacion" title="una breve explicación de lo
que se va a encontrar en este articulo">Presentación</a></li>
<li><a href="#transfondo" title="Un poco de historia para
comprender la situación actual">Un poco de transfondo</a>
<ul>
<li><a href="#problemadiseno" title="Los problemas
basicos a los que se enfrentaban los diseñadores">El problema del
diseño</a></li>
<li><a href="#soluciones" title="Las soluciones y
medidas tomadas para evitar los problemas de diseño">Soluciones</a></li>
<li>Los problemas de las tablas</li>
</ul>
</li>
<li>XHTML+CSS vs Tablas
<ul>
<li>Problemas de concepto</li>
<li>Malos habitos con CSS</li>
<li>Recomendaciones</li>
<li>Separando el contenido(HTML) de la vista(CSS)</li>
</ul>
</li>
<li>Empezando con CSS
<ul>
<li>Un cambio radical</li>
<li>Escribiendo la pagina (que feo queda esto)
<ul>
<li>¿Y las imagenes?</li>
<li>Como emplear los Divs</li>
<li>Elementos de bloque y elementos en linea</li>
</ul>
</li>
<li>Aplicando clases y ids</li>
</ul>
</li>
<li>Maquetando con css
<ul>
<li>Propiedades de los elementos</li>
<li>Herencia y cascada</li>
<li>Formato y colores</li>
<li>Aplicando el diseño</li>
</ul>
</li>
<li><a href="#licencia" title="La licencia de esta
pagina">Licencia</a></li>
</ul>
Luego le aplicas los estilos que quieras
ul {}
li {}
ul ul {}
ul li {}
ul ul li {}
[EMAIL PROTECTED] wrote:
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
______________________________________________
Renovamos el Correo Yahoo!
Nuevos servicios, más seguridad
http://correo.yahoo.es
_______________________________________________
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
