28172 sujets

CSS et mise en forme, CSS3

Pages :
(reprise du message précédent)

En attendant le tuto de Yakou32 que je remercie au passage Smiley biggrin , j'ai fait une page 'bricolage' comme ça , testé sur Firefox, Opera et I.E 6 avec des résultats quelque peu différents mais l'idée est là.
Hello,

Je me rends compte que cette astuce se rapproche de ceci:
http://www.bigbaer.com/css_tutorials/css.image.text.wrap.htm

Ici on utilise le même principe mais avec deux «tranches» uniquement.

Par contre j'ai repéré un problème: Firefox gère mal la disposition du texte autour d'une telle série de flottants (je ne sais pas si c'est la série de flottants ou le clear qui le perturbe...) et on peut avoir du texte qui chevauche un flottant ou qui «mange» la marge. Pas terrible...
Oui Florent, tu as raison, les interprétations des marges laissent à désirer selon le navigateur...
Je résous donc le problème en poussant un peu mes marges, il vaut mieux les avoir un peu trop grandes, que des les voir grignotées...
Il y a une erreur dans le dernier paragraphe de votre explication :

De plus, il faut maintenant empêcher les spacers suivant d’autoriser une image sur leur droite. On ajoute donc la propriété clear:right à la classe spacer.
Pages :