images & texte dans un <div>

:? Salut,

j'ai utilisé une balise <div> pour créer une en-tête, avec deux images et un peu de texte. les deux images de même hauteur se positionne côte à côte; par contre le texte vient automatiquement se placer en dessous???

voici le code css attribué à cette balise:

Code:

---

1 2 3 4

#en-tete { overflow: hidden; background-color: white; }

---

connaissez-vous ce problème?

merci.

Bonjour,

Ordinairement, ce n'est pas un problème. Ça marche comme ça.

Où devrait-il être placé le texte selon toi dans cet en-tête sans dimensions ?

-

Citation:

---

Envoyé par GihefBey

Où devrait-il être placé le texte selon toi dans cet en-tête sans dimensions ?

-

---

Je pensais placer le texte à la suite des images… merci pour ta réponse, et du coup avec dimensions, une partie du texte n'est plus visible. Mes essais avec les balises <div>,<table> et <p> n'ont rien donné.

Je voudrais que le texte soit positionner en haut.

Comme le texte est certainement placé dans un <p>, fabrique-lui un style qui changera son mode d'affichage :

Code:

---

1 2 3

#en-tete p { display : inline; }

---

Ce qui ne semble pas vraiment utile.

Alors place-le plutôt dans un

Code:

---

<span>le texte</span>

---

Mais comme il doit être placé en haut, ça se complique.
On peut envisager de positionner tout ça.
Modifie le style du <p> et de l'en-tête.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

#en-tete { position : relative; height : la_hauteur_de_limage_la_plus_haute_px; overflow: hidden; background-color: white; } #en-tete p { position : absolute; top : 0; left : la_largeur_des_2_images_px; /* et, si nécessaire */ margin : 0; padding : 0; }

---

-

;) Je te remercie, je vais essayer! Depuis je suis reparti sur un tableau dans un <div> & rencontre maintenant des soucis de dimensions; donc je vais tout reprendre pour capter là où ça cloche…

:king: à bientôt!