18073 sujets

Questions générales et questions de débutants

Image et css

Bjr à tous,

J'ai un pb avec une image, la balise <div> est trop grande en hauteur alors que je lui ai spécifié les dimensions de mon images.

1° Partie HTML

<body>
<div id="conteneur">
 <div id="Sommet"></div>
 <div id="header"></div>
 <div id="Menuhaut"></div>
</div>
</body>

2° Partie CSS

div#Sommet {
background-image: url(/Ressources/partie-membre.gif);
height:15px;
width:700px;
background-repeat:no-repeat;
padding: 0;
border:0px;
margin:0px;
}

L'image en question se trouve ici :
http://harmoniedebeaurains.nuxit.net/Ressources/partie-membre.gif

Merci pour vos lanternes...
Modifié par Pierreetcharlotte (25 Oct 2005 - 12:40)
Administrateur
Bonsoir Pierreetcharlotte et bienvenue ici Smiley smile

Attention à bien lire le message d'annonce qui s'affiche tout en haut du forum et qui te guidera vers les Règles du forum à lire absolument (c'est la moindre des choses).
Ces règles t'indiqueront comment afficher des codes correctement sur le forum, ce que tu n'as pas fait.
Merci d'avance de les lire et les appliquer Smiley cligne

Pour répondre à ta question : il est très probable qu'une hauteur minimale (celle de la taille de texte par défaut) soit requise sur certains navigateurs.

Si cette hauteur est trop petite (ici 15px), il se peut que le navigateur la "force" à avoir la hauteur de texte par défaut.

Essaye de modifier cette taille de texte dans ton div. Par exemple :
font-size: 1px;

Modifié par Raphael (10 Oct 2005 - 23:24)
Pierreetcharlotte a écrit :
Bjr à tous,

la balise <div> est trop grande en hauteur que je lui ai spécifié les dimensions de mon images.



je comprends pas tout... qu'est ce qui est trop grand ?

(il est fort ce Raph Smiley cligne il avait compris la question.... )
Modifié par Kwic (10 Oct 2005 - 23:27)
Tout d'abord, merci de vous être arrêté sur mon post.

J'avais oublié un mot dans la phrase ce qui rend mon post incompréhensible, je m'en excuse (il était tard j'étais fatigué Smiley langue ).

Pr Kwic je mets ici clairement mon pb :
Avant : Avant
Après avec (Font size 1px):
Après
Cependant j'ai testé le font-size: 1px et ça marche... Ok en fait la balise <div> se base beaucoup sur le texte apparement. Je vais encore relire les cours tirés d'internet, je précise que je suis débutant.

Merci Smiley cligne
Re,

encore des peoblèmes avec IE ( car avec Firefox ca marche nickel dans les 2 versions).

J'en ai marre de IE Smiley fache mais je dois pas être le seul ! Smiley cligne
Sujet clos
Aller à