Discussion :

[PIEPLU]

Bonsoir,

J'ai un gros souci au niveau de l'alignement de 3 div.

Sur une même ligne, je dois afficher, une image (1), une phrase, et une autre image (2).

L'image (1) fera toujours 40px.
La phrase pourra avoir toutes les longueurs possibles.
La seconde image (2) fera toujours 85px et devra toujours être placé sur le droite de l'écran.

Le problème, c'est lorsque je réduis ma fenêtre, ma seconde image passe à la ligne, or, j'ai besoin que ce soit la phrase qui s'adapte et passe sur 2 lignes...

J'espère que vous serez m'aider.

Bien cordialement
Vincent

[papajoker]

Bonjour,
sans code dur dur, ma façon la plus simple :

Code html :

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

1
2
3
<div class="ligne">
<div> texte ...  phrase</div>
</div>

Code css :

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

1
2
3
4
5
6
7
8
.ligne {
   padding-left:50px;
   backgroud: url('img1.png') no-repeat left top; 
}
.ligne div { 
   padding-right:95p;
   backgroud: url('img2.png') no-repeat right top;
}

[NoSmoking]

Bonjour,
dommage de mettre des images en background si elles sont porteuses de contenu.

On peut également passer par un display:table pour peu que l'on ne cherche pas une compatibilité IE7-.