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 [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
