[Paragraphe associé au sous-titre de niveau 2.]
[Paragraphe associé à cet autre sous-titre de niveau 2.]
Pied de page et Mentions légales | |
Pour produire un menu horizontal tenant sur une seule ligne, on pourra donc conserver le code html initial
h2 { color: rgb(91,131,104);} ul { margin:0; padding:0; font: bold 0.8em Georgia, "Times New Roman", Times, serif; list-style-type: none; } li { float:left; /* éléments de liste flottants par la gauche */ } |
li a { display:block; /* affichage, des éléments de liste, en type block (permet d'attribuer width par ex.)*/ width: 90px; height: 30px; border: 1px solid black; /* bordure noire de 1 pixel */ color: rgb(91,131,104); /* couleur de la police */ background:rgb(90,32,48); /* couleur d'arrière-plan */ margin:0 0.2em; /* marge externe : 1/4 de caractère sur les cotés */ text-decoration:none; text-align:center; } li a:hover { /* lien survolé */ color: rgb(90,32,48); /* on inverse les couleurs */ background: rgb(91,131,104); /* de police et d'arrière-plan */ } |