Buenas.
Me presento soy MD empeze joven en esto del diseño web y bueno siempre
me ha gustado estar cerca del código para tenerlo limpio y bien
"domado". Y bueno de hace un tiempo para haca estoy empezando a trastear
con las CSS pero todavía no he superado mi complejo "tablerista" (de
maquetar todo con tablas).
Y bueno hay una cosa irresoluble que por mas vueltas he dado y que mas
he "googleado" es maquetar textos de párrafos con fotos. Me explico
tener la situación de:
<p><img src="imagen mas alta que el parrafo.png" align="left o
right">texto largo</p>
<p><img src="otra imagen mas alta el parrafo.png" align="left o
right">otro texto largo</p>
O en forma de listas:
<ul>
<li><img src="imagen mas alta que el parrafo.png" align="left o
right">texto largo</li>
<li><img src="otra imagen mas alta el parrafo.png" align="left o
right">otro texto largo</li>
</ul>
Y bueno la solución cutre (pero simple) que funcionaba para párrafos y
para listas tirando de tablas que usaba antes de tomarme en serio CSS era:
<table border="0">
<tr><td>
<p><img src="imagen mas alta que el parrafo.png" align="left o
right">texto largo</p>
</tr></td>
<tr><td>
<p><img src="otra imagen mas alta el parrafo.png" align="left o
right">otro texto largo</p>
</tr></td>
</table>
Y el resultado deseado era pues párrafos acompañados de su imagen y que
si esta era mas alta que el párrafo, pues hasta el siguiente párrafo
dejaba suficiente espacio en blanco para que no se mezclara esta imagen
con el siguiente párrafo.
Pero por mas vueltas que he dado intentando hacer un "html limpio" es
decir escribiendo atributos class a los elementos a maquetar en vez de
llenar el html de etiquetas div, no he conseguido llegar a la solución.
Salvo con la opción en CSS display: table-row-group que funciona bien
para párrafos pero no para listas porque te quita el circulito de la
lista, ademas que en m$ iexplorer todavía no la reconoce pero en Firefox si.
Bueno saludos.
______________________________________________
LLama Gratis a cualquier PC del Mundo.
Llamadas a fijos y móviles desde 1 céntimo por minuto.
http://es.voice.yahoo.com
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
