onglet

<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>

inscrivez vous !