Discussion :

[lumat]

Salut à tous,

Nouveau problème dans ma progression :

Dans une page, j'ai un bloc "entête" de 80% de la largeur totale sur 100 pixels de haut. A l'intérieur de ce bloc, je souhaiterais placer une image contre le bord gauche et sur le même niveau, la date sur le bord droit.
Je peux, bien sûr, mettre une marge en pixels entre l'image et le texte de la date (via la classe de l'image), mais la position de celle-ci variera selon les résolutions.

je pensais donc faire en sorte que l'image soit toujours à gauche et la date du côté opposé quelque soit la résolution utilisée. Mais je n'arrive pas à trouver comment faire cela.

Quelqu'un a une idée ?

[Erwan31]

Bonjour,
si inverser l'odre du texte et de l'image ne porte pas préjudice
à la cohérence de lecture et de positionnement (au cas ou CSS est désactivé par exemple), tu pourra te tourner vers cette solution:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<p style="float:right">texte</p><img src="" alt="" width="" height="" />

Sinon et c'est souvent la solution la meilleur:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img style="float:left" src="" alt="" width="" height="" /><p style="float:right">texte</p>

[lumat]

Ca c'est du rapide Merci beaucoup

J'essaye de suite.