Forum de discussion
Forum « Programmation HTML » (archives)
ul et margin ie/mozilla
Envoyé: 16 juillet 2004, 12h11 par zevince
Je suis en train de reecrire un site en table et font vers une version div+css.. donc je decouvre cet aspect de la creation de pages html.
J'ai un souci d'apparence que je ne comprends pas bien.. j'ai par exemple, le code html suivant :
<ul class="menu_gauche">
<li class="titre_barre_gauche">Club UOL </li>
<li class="menu_gauche"><a href="/rubrique.php3?id_rubrique=203" class="menu_gauche" >Newsletters</a>
<li class="menu_gauche"><a href="/membres.php3" class="menu_gauche" >Liste des membres</a></li>
<li class="menu_gauche"><a href="/article.php3?id_article=274" class="menu_gauche" >Partenaires</a></li>
</ul>
j'ai plusieurs series de <ul> de ce type, a la suite.
Je voudrais avoir un espace apres chaque <ul></ul> donc j'utilise les attributs margin :
ul.menu_gauche {
position:relative;
display:block;
clear:both;
list-style-type: none;
text-indent:5px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#326698;
font-weight:bold;
line-height:20px;
text-align:left;
padding:0;
padding-bottom:10px;
margin:0;
margin-bottom:8px;
}
li.titre_barre_gauche {
clear:both;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#326698;
font-weight:bold;
line-height:20px;
background-color: #BCCDDF;
text-align:left;
padding:0px;
margin:0px;
margin-top:2px;
margin-bottom:2px;
}
li.menu_gauche {
float: left;
clear:both;
white-space: nowrap ;
text-indent:5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height:12px;
padding:0px;
margin:0px;
margin-bottom:2px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #336699;
text-decoration: none;
background-color: #FFFFFF;
}
C'est interpreté correctemment sur ie6, mais pas sur mozilla, ni sur safari (Mac) ... sur ces deux navigateurs, je n'ai aucun espace apres mes listes... et c'est pas Bô !!!
Y'aurait-il une astuce ? ou bien un truc pas conseillé dans les css comme une image transparente pour faire le spacer ?
Merci !
Réponses
|