Bonjour, j'ai créé un menu avec onglets en css, voici mon code css :
#onglet {
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0;
font: bold 12px Verdana;
float: right;
border-bottom: 1px solid #006699;
width:100%;
}
#onglet li{
list-style: none;
display: inline;
margin: 0;
}
#onglet li a{
text-decoration: none;
padding: 3px 0.5em;
margin-right: 3px;
border-top: 1px solid #778;
border-left: 1px solid #778;
border-right: 1px solid #778;
border-bottom: 1px solid #fff;
background: #fff;
}
#onglet li a:link, # onglet li a:visited{
color: #000080;
}
#onglet li a:hover{
color: #000;
background-color: #DBF0F9;
border-color: #000080;
}
#onglet li a.courant{
background: #DBF0F9;
}
et mon code html :
<ul id="onglet">
<li><a href="index.php">Accueil</a></li>
<li><a href="galerie.php">Galerie</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>
Mon problème : les onglets s'affichent sur la gauche de cette manière (pas facile de faire un schéma ^_^) :
T|_T|_T|__________________________________
Je voudrais l'afficher de cette façon :
_____________________________T|_T|_T|_____
Quelqu'un aurait-il la solution ?
Merci
~Ginger4957~
