Espace entre les menus

bonjour

après de multiples recherches infructueuses je me tourne vers vous

j'ai un menu simple de 5 éléments verticaux et j'aimerais que chaque élément soit séparé de 1 pixel pour que chaque bloc soit décollé les uns des autres .

Mais je ne vois pas qu'elle balise utilisée et surtout comment faire ??????

le code de la page:

  <div id="menu14">
<ul class="Style110">
<li>
  <div align="left" ><a href="../menu/menu1.html" title="Votre Mission Locale"  > Mission Locale</a></div>
</li>
<li >
  <div align="left" ><a href="../menu2/menu2.html" title="Maison des saissonniers<"><strong>Maison des Saisonniers</strong></a></div>
</li>
<li >
  <div align="left" ><a href="../menu2/menu2.html" title="Information Jeunesse"> Information Jeunesse</a></div>
</li>
<li >
  <div align="left" ><a href="../menu3/menu3.html" title="Lien 4" >Ateliers de la Création</a></div>
</li>
<li >
  <div align="left" ><a href="../menu4/menu4.html" title="Information Jeunesse" >Auto-Ecole Sociale</a></div>
</li> 
</ul>
</div>

le css

/*----- Menu 14------ */

#menu14 {
width: 160px;
margin: 10px;
}

#menu14 ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu14 li a {
height: 32px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 24px;
text-decoration: none;
} 


#menu14 li a:link, #menu14 li a:visited {
color: #FFF;
display: block;
background: url('images/menu14.gif');
padding-left:10px; padding-right:0; padding-top:8px; padding-bottom:0
}

#menu14 li a:hover {
	color: #FFFFFF;
	background: url('images/menu14.gif') 0 -32px;
	padding-left:10px; padding-right:0; padding-top:8px; padding-bottom:0
}

body, td, th {
	font-weight: normal;
}
#menu14 li a:link, #menu14 li a:visited {
	color: #0033CC;
	display: block;
	padding-left:10px;
	padding-right:0;
	padding-top:8px;
	padding-bottom:0
}

#menu14 li a:hover {
	color: #EFEFEF;
	padding-left:10px;
	padding-right:0;
	padding-top:8px;
	padding-bottom:0
}

cordialement

didier
Modifié par didier17 (25 Oct 2007 - 08:45)

bonjour

j'ai essayé pas mal de chose comme les padding et les margin mais sans succes ou bien je les utilise mal.

une aide svp

cordilement didier

Bonjour,
C'est la propriété css : line-height

Modifié par Hermann (26 Oct 2007 - 00:55)

Salut, commence déjà par supprimer les div dans les li, c'est une erreur de code.
Avec un margin-top de 1px ca devrait le faire.

merci pour vos réponses

le margin et le line s'applique à mes autres menus si vous avez des conseils pour pas que ca influence d'autres trucs ,y a certainement des modifs a faire ... par contre pour les div je m'en sert pour aligner mon texte à gauche.



j'utilise dreamweaver cs3...


cordialement

didier
Modifié par didier17 (26 Oct 2007 - 11:48)

bonjour

j'ai appliqué le style sur la balise <ul>.

line heigth ne fonctionne ni avec ie ni avec firefox, et margin top ne fonctionne qu'avec ie.

si vous avez des idées pour firefox d'avance merci.

cordialement didier