A voir également:
- Programmation Web
- Web office - Guide
- Création site web - Guide
- K9 web protection - Télécharger - Contrôle parental
- Application de programmation - Guide
- Adresse web exemple - Guide
1 réponse
Bonjour, je ne sais pas quel éditeur tu utilises mais dans certain tu as la possibilités de le faire sans programmer quoi que ce soit. Cela étant ce n'est pas toujours le cas et c'est bien plus intérressant de voir comment c'est fait. Je t'envoie une page que j'avais trouvé sur le net qui fonctionne bien mais qui n'est pas très belle. Il te faudra la remettre à ta sauce. Et mettre le style dans un fichier css (c'est mieux) lecode est:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body { /* défini le body (la page) */
background-color:white ; /* le fond de la page est blanc */
color:black} /* les textes sont noirs */
.menu1 { /* boite qui contient le menu (les onglets) */
border-bottom:solid 2px black ; /* crée le trait noir en-dessous des onglets */
padding-top:12px ; /* marge intérieure haute */
padding-bottom:7px} /* marge intérieure basse */
.onglet { /* style des onglets inactifs */
border:solid 1px black ; /* encadrement */
margin:5px 5px 0px 5px ; /* marge extérieure */
padding:7px 3px 7px 3px} /* marge intérieure */
a.onglet { /* style des liens se trouvant dans un onglet inactif */
background-color:#E7E4E4 ; /* le fond de l'onglet est gris */
text-decoration:none} /* les liens ne sont pas soulignés */
.onglet-actif { /* style de l'onglet de la page active */
border:solid 2px black ; /* l'encadrement est porté à 2 pixels */
border-bottom:solid 3px white ; /* le trait inférieur est effacé */
margin:5px 5px 0px 5px ; /* marges intérieures */
padding:7px 3px 7px 3px ; /* marges extérieures */
background-color:white} /* le fond de l'onglet actif est blanc*/
</style>
</head>
<body>
<div class="menu1"> <!-- début de la boite contenant les onglets -->
<a class="onglet" href="css-index.htm">Sommaire</a> <!-- onglet inactif -->
<span class="onglet-actif">Onglets 1</span> <!-- onglet ACTIF -->
<a class="onglet" href="onglets-2.htm">Onglets 2</a> <!-- onglet inactif -->
<a class="onglet" href="onglets-3.htm">Onglets 3</a> <!-- onglet inactif -->
</div>
</body>
</html>
voila amuse toi bien!
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body { /* défini le body (la page) */
background-color:white ; /* le fond de la page est blanc */
color:black} /* les textes sont noirs */
.menu1 { /* boite qui contient le menu (les onglets) */
border-bottom:solid 2px black ; /* crée le trait noir en-dessous des onglets */
padding-top:12px ; /* marge intérieure haute */
padding-bottom:7px} /* marge intérieure basse */
.onglet { /* style des onglets inactifs */
border:solid 1px black ; /* encadrement */
margin:5px 5px 0px 5px ; /* marge extérieure */
padding:7px 3px 7px 3px} /* marge intérieure */
a.onglet { /* style des liens se trouvant dans un onglet inactif */
background-color:#E7E4E4 ; /* le fond de l'onglet est gris */
text-decoration:none} /* les liens ne sont pas soulignés */
.onglet-actif { /* style de l'onglet de la page active */
border:solid 2px black ; /* l'encadrement est porté à 2 pixels */
border-bottom:solid 3px white ; /* le trait inférieur est effacé */
margin:5px 5px 0px 5px ; /* marges intérieures */
padding:7px 3px 7px 3px ; /* marges extérieures */
background-color:white} /* le fond de l'onglet actif est blanc*/
</style>
</head>
<body>
<div class="menu1"> <!-- début de la boite contenant les onglets -->
<a class="onglet" href="css-index.htm">Sommaire</a> <!-- onglet inactif -->
<span class="onglet-actif">Onglets 1</span> <!-- onglet ACTIF -->
<a class="onglet" href="onglets-2.htm">Onglets 2</a> <!-- onglet inactif -->
<a class="onglet" href="onglets-3.htm">Onglets 3</a> <!-- onglet inactif -->
</div>
</body>
</html>
voila amuse toi bien!
