Bonjour à tous,
J'ai un petit probleme ici : toutankharton.com/rf/
Je voudrais positionner "français" et "anglais", mais si le pading-left fonctionne, le padding-top (ou margin-top) ne fonctionne pas ! Quelqu'un saurais d'ou viens le probleme ?
J'ai un petit probleme ici : toutankharton.com/rf/
Je voudrais positionner "français" et "anglais", mais si le pading-left fonctionne, le padding-top (ou margin-top) ne fonctionne pas ! Quelqu'un saurais d'ou viens le probleme ?
<style type="text/css">
body {
background-color: #F7C35A;
font-family: Georgia, Verdana, sans-serif;
font-size: 0.7em;
color: #084A6B;
text-align:center;
}
ul#onglets_langue {
width:799px;
margin:auto;
padding-bottom:27px !important; /* for firefox only */ padding:0; /* for ie only */
background:url(bg_ul.gif) no-repeat left bottom;
text-align:left;
}
ul#onglets_langue li {
list-style-type:none;
display:inline;
}
ul#onglets_langue li.fr a {
float:left;
width:86px; height:27px;
background:url(li_fr.gif) no-repeat left top;
text-decoration:none; color:#084A6B; font-weight:bold;
margin-left:550px;
}
ul#onglets_langue li.fr a span{
padding-left:25px;
}
ul#onglets_langue li.en a span{
padding-left:22px;
}
ul#onglets_langue li.en a {
float:left;
width:72px; height:27px;
background:url(li_en.gif) no-repeat left top;
text-decoration:none; color:#3F5E6D;
}
div#header {
width:799px; margin:auto;
background:url(bg_head.gif) repeat-y left top;
}
</style>
</head>
<body>
<ul id="onglets_langue">
<li class="fr"><a href="http://www.francais.fr"><span>Français<span></a></li>
<li class="en"><a href="http://www.anglais.com"><span>Anglais<span></a></li>
</ul>