Discussion :

[Dark Neggror]

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 :

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

1
2
3
4
#en-tete {
	overflow: hidden;
	background-color: white;
}

connaissez-vous ce problème?

merci.

[GihefBey]

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 ?

-

[Dark Neggror]

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.

[GihefBey]

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

Code css :

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

1
2
3
#en-tete p {
  display : inline;
  }

Ce qui ne semble pas vraiment utile.

Alors place-le plutôt dans un

Code html :

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

<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 css :

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

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;
  }

-

[Dark Neggror]

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…

à bientôt!