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