ACCUEIL <<< Tests de localisation <<<
Le "Menu" est composé de titres(modules) et des liens certains sous forme de liste, je vais mettre des couleurs pour les localiser de façon à repérer la régle qui les gère.
Menu > éléments de la liste
| Nom de l'attribut | Nom CSS | Valeur | Valeurs possibles |
| Couleur de fond | background | Choisir | |
| Largeur | width | Dimension en pixels (ex : 200px) | |
| Marge extérieure haute | margin-top | Dimension (ex: 10px) | |
| Taille de la bordure | border-width | Dimension (ex:2px) | |
| Style de la bordure | border-style | ||
| Couleur de la bordure | border-color | Choisir |
CSS de cette règle :
#menu ul li
{
background : #FFFF00; /* jaune */
width : 170px;
margin-top : -1px;
border-width : 1px;
border-style : solid;
border-color : #669900; /* vert */
}
| Nom de l'attribut | Nom CSS | Valeur | Valeurs possibles |
| Couleur de fond | background | Choisir | |
| Couleur du texte | color | Choisir | |
| Largeur | width | Dimension en pixels (ex : 200px) | |
| Taille de la police | font-size | ex: 10pt | |
| Famille de la police | font-family | ex: Arial, Verdana, Trebuchet MS |
CSS de cette règle :
#menu ul li a
{
background : #FF9900; /* orange */
color : #669900; /* vert */
width : 170px;
font-size : 10pt;
font-family : Arial;
line-height : 25px;
}
Partie "Menu > liens au survol"
| Nom de l'attribut | Nom CSS | Valeur | Valeurs possibles |
| Couleur de fond | background | Choisir | |
| Couleur du texte | color | Choisir | |
| Décoration du texte | text-decoration |
CSS de cette règle :
#menu ul li a:hover
{
background : #99FF99; /* vert clair */
color : #FF6699; /* orange */
text-decoration : none;
}
| Nom de l'attribut | Nom CSS | Valeur | Valeurs possibles |
| Couleur de fond | background | Choisir | |
| Couleur du texte | color | Choisir | |
| Largeur | width | Dimension en pixels (ex : 200px) | |
| Hauteur | height | Dimension en pixels (ex : 200px) | |
| Taille de la police | font-size | ex: 10pt | |
| Taille de la bordure | border-width | Dimension (ex:2px) | |
| Style de la bordure | border-style | ||
| Couleur de la bordure | border-color | Choisir |
CSS de cette règle :
#menu h2
{
background : #CC3300; /* marron */
color : #FFFF00; /* jaune */
width : 170px;
height : 25px;
font-size : 15pt;
border-width : 1px;
border-style : solid;
border-color : #000000; /* noir */
text-align : center;
}
Pour voir toutes les règles de CSS concernant la "Partie Menu" [lien]