Discussion :

[SuperPat]

Bonjour,

J'essaye de rendre mon site
http://ultramodernui.sourceforge.net/
totalement valide CSS et XHTML 1.1.

Mais je butte sur un détail:
Si vous allez sur le site, vous verrez une image en haut à droite avec du texte à gauche.

Pour faire cela j'utilisais l'attribue align="right" dans la balise <img>.

Seulement, cette attribut a disparu en XHTML 1.1 et le xhtml validator me dit que cela peut s'arranger avec du CSS.


Mais le problème avec le CSS:

en faisant comme cela:
<div style="text-align: right;"><img arc="images/SmallScreen.png" height="264" width="336" alt="" /></div>
l'image est toujours à droite mais le texte est en dessous.

et en rajoutant :
<div style="position: absolute; text-align: right;"><img src="images/SmallScreen.png" height="264" width="336" alt="" /></div>
l'image est bien a droite, mais la partie droite du texte en caché derrière l'image.


Je pourrait éventuellement mettre un autre div pour le texte (pour faire comme un tableau à deux colonnes avec le texte à gauche et l'image à droite) mais le problème qui se posera est que, lorsque le nombre de paragraphe augmentera, le texte ne continuera plus de s'écrire sous l'image.

[AlphaYoDa]

Elo

<img style="float:right" ..... />

Tu dois pouvoir t'en sortir comme ça. Pour ajuster l'alignement vertical, tu peux jouer sur des marges et sur la place de la balise dans le code html.

[SuperPat]

nikel merci.