Dépannage informatique à domicile

Accueil Prestations News Nos Sites Astuces Contact

Ce code affiche un menu de couleur verte, sans puces.

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 display:inline ce qui crée la verticalité, margin permet d'aérer le menu */
#menu li {
display: inline;
margin: 0 5px;
}

/* Menu de couleur verte */
#menu a {
color: green;
text-decoration: none;
}

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