A voir également:
- Menu avec onglets en flash et XML
- Menu déroulant excel - Guide
- Restaurer onglets chrome - Guide
- Xml viewer - Télécharger - Édition & Programmation
- Flash drive tester - Télécharger - Divers Utilitaires
- Menu démarrer windows 11 - Guide
2 réponses
J'ai la réponse à ta question : certes cela fais 2 ans que tu as posés cette question mais bon ... Voici le code pour faire des onglets :
<ul id="tabnav">
<li class="active"><a href="#">Voiture</a></li>
<li><a href="#">Vélo</a></li>
<li><a href="#">Avion</a></li>
<li><a href="#">Bateau</a></li>
<li><a href="#">Pieds</a></li>
</ul>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
ul#tabnav {
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid #6c6;
margin: 0;
}
ul#tabnav li {
float: left;
height: 21px;
background-color: #cfc;
margin: 2px 2px 0 2px;
border: 1px solid #6c6;
}
ul#tabnav li.active {
border-bottom: 1px solid #fff;
background-color: #fff;
}
#tabnav a {
float: left;
display: block;
color: #666;
text-decoration: none;
padding: 4px;
}
#tabnav a:hover {
background: #fff;
}
</style>
</head>
Voici le résultat que sa devrais te donner :
http://xhtml.net/documents/articles/csstabs.png
Voilà , j'espère avoir répondu à ta question .
<ul id="tabnav">
<li class="active"><a href="#">Voiture</a></li>
<li><a href="#">Vélo</a></li>
<li><a href="#">Avion</a></li>
<li><a href="#">Bateau</a></li>
<li><a href="#">Pieds</a></li>
</ul>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
ul#tabnav {
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid #6c6;
margin: 0;
}
ul#tabnav li {
float: left;
height: 21px;
background-color: #cfc;
margin: 2px 2px 0 2px;
border: 1px solid #6c6;
}
ul#tabnav li.active {
border-bottom: 1px solid #fff;
background-color: #fff;
}
#tabnav a {
float: left;
display: block;
color: #666;
text-decoration: none;
padding: 4px;
}
#tabnav a:hover {
background: #fff;
}
</style>
</head>
Voici le résultat que sa devrais te donner :
http://xhtml.net/documents/articles/csstabs.png
Voilà , j'espère avoir répondu à ta question .