21-Sep-2007, 00:32
Nuevo MyCode avanzado. Se trata de un "flotador" mediante CSS para imágenes y estilo visual.
Las opciones son left y right. A veces cuando tenemos floats muy seguidos, las imágenes se superponen. Para eso he ideado el antifloat:
Con eso no se superpondrán ni imágenes ni texto y quedarán del modo más natural. No obstante puede usarse para entremezclar texto con ambos floats. El resultado usando el antifloat es:
Texto que flota sobre la imagen, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, O eso se supone. (aquí se coloca el código de antifloat)
Texto que flota sobre la imagen, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, O eso se supone. (aquí se coloca el código de antifloat)
-----
Y sin usarlo:
Texto que flota sobre la imagen, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, O eso se supone. (aquí NO hay antifloat)
Texto que flota sobre la imagen, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, y flota, O eso se supone. (aquí NO hay antifloat)
-----
- Es recomendable que después del texo que querais flotar a un lado de la imagen, coloqueis un antifloat para evitar problemas de estilo. Para conseguir eso, teneis que flotar la IMAGEN al lado que quereis que aparezca, en lugar del texto (dejad que el texto se autoajuste una vez flotada la imagen).
- El cierre de float y el texto deben estar PEGADOS o no funcionará.
Código:
[float=right]código a flotar (preferiblemente una imagen)[/float]Texto sobre el que flotará el bloqueLas opciones son left y right. A veces cuando tenemos floats muy seguidos, las imágenes se superponen. Para eso he ideado el antifloat:
Código:
[antifloat]Con eso no se superpondrán ni imágenes ni texto y quedarán del modo más natural. No obstante puede usarse para entremezclar texto con ambos floats. El resultado usando el antifloat es:
![[Imagen: logo.png]](http://limitrek.com/style/limistyle/logo.png)
![[Imagen: logo.png]](http://limitrek.com/style/limistyle/logo.png)
-----
Y sin usarlo:
![[Imagen: logo.png]](http://limitrek.com/style/limistyle/logo.png)
![[Imagen: logo.png]](http://limitrek.com/style/limistyle/logo.png)
-----
- Es recomendable que después del texo que querais flotar a un lado de la imagen, coloqueis un antifloat para evitar problemas de estilo. Para conseguir eso, teneis que flotar la IMAGEN al lado que quereis que aparezca, en lugar del texto (dejad que el texto se autoajuste una vez flotada la imagen).
- El cierre de float y el texto deben estar PEGADOS o no funcionará.