28173 sujets

CSS et mise en forme, CSS3

Je souhaiterais créer des séparateur pour un petit menu simple. j'ai fait des balise div creuse: sans rien dedans j'ai juste posé en CSS la taille et la couleur.

CSS
#menuleft {
width:120px;
height:300px;
margin-top:20px;
margin-left:65px;
background:#FF9900;
}
#separateur {
width :120px;
height:5px;
background:#990000;
}
.tete{
font: bold 9px verdana,serif; 
color: #000000; 
text-decoration: none;
}


HTML

<body>
<div id="menuleft">
<a class="tete" href="#">blabla..</a><br />
<div id="separateur"></div>
<a class="tete" href="#">blabla..</a><br />
<div id="separateur"></div>
<a class="tete" href="#">blabla..</a><br />
<div id="separateur"></div>
<a class="tete" href="#">blabla..</a><br />
<div id="separateur"></div>

</div>


le problème c'est qu"avec FF ça marche mais pas EI les séparateurs sont large et ne prenne pas en compte la hauteur spécifié dans le css. Pourquoi.
nom d'une pipe. Smiley sweatdrop

Merci d'avance.
David.
Modifié par Davee (03 May 2006 - 10:06)
Zut je me suis peut-être mal exprimé sur le sujet. Bon domage je vais essayé de trouver un alternative en mettant un tout petit gif.

David.
Ha ben ça y est, j'ai trouvé. avec 1 image de qques pixels transparent entre les balises div mes séparateurs marchent à merveille.

Chez Alsa Vous êtes trop fort, même sans répondre aux post ça marche. Vous êtes des mentalistes ou quoi.! Smiley lol

David.