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

Responder a