stripTM escribió: > MD escribió: >> Buenas. >> >> > ... >> 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> >> >> > ... >> 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. >> >> > Dos cosas quita ese align del img que esa información debería ir en el css > img {float: left;} > > Y metele al parrafo un clear > p {clear: both;} >
Gracias ^_^. Parece que funciona perfectamente (hasta en m$ iexploter). He estado toqueteando un poco mas el asunto para que sirva para <p> y para <li> y lo he dejado tal que asi: en el CSS .imgLeft { float: left; } .imgRight { float: right; } li { clear:both; } .parrafoLimpio { clear: both; } Y asi si se encuentra: <li> <p><img class="imgLeft">texto1</p><p>texto2</p> </li> los agrupa todos sin separarlos. Y por otra parte si se quiere párrafos limpios con imágenes pues <p class="parrafoLimpio"><img class="imgRight o Left">texto1</p> <p class="parrafoLimpio"><img class="imgRight o Left">texto2</p> Puede que se pueda mejorar pero bueno funcionar funciona y bien. Gracias. Hasta pronto. ______________________________________________ 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