Dépannage informatique à domicile

Accueil Prestations News Nos Sites Astuces Contact

Ce code affiche un menu horizontal de couleur jaune, liens vert. Un survol ou clic affiche le lien en orange

Exemple de menu horizontal:

• Lien 1
• Lien 2
• Lien 3
• Lien 4

Codage CSS de l'exemple:

/* Menu sans puces */
ul#menu {
margin: 0;
padding: 0;
font: bold 1em Geargia, Times serif;
list-style-type: none;
}

/* la propriété li recoit la déclaration float: left ce qui crée la verticalité mais en forme bloc, margin permet d'aérer le menu */
#menu li {
float: left;
margin: 0 5px;
}

/* Menu de couleur verte */
#menu a {
display: block;
width: 120px;
border: 1px solid black;
color: green;
background: #fc0;
text-decoration: none;
text-align: center;
}

/* Menu avec survol orange */
#menu a:hover, #menu a:focus {
color: orange;
}