Spy-Seth VIP


Inscrit le: 28 Oct 2004 Messages: 1295 Localisation: Montpellier
|
Posté le: 10 Mar 2005 17:49 Sujet du message: [CSS] Corriger le décalage dû à l'insertion d'une bordure... |
|
|
Corriger le décalage dû à l'insertion d'une bordure dans :hover
Lors de l'ajout de bordure avec le pseudo-format ":hover" penser à ajouter un "padding" dans la fonction de base et l'autre (:hover)
Exemple :
| Code: |
//Première partie
div#menu a, a:visited {
padding-left: 1px; //La bordure fais 1px (cf. plus bas) donc je rajoute 1px de chaque côté, si elle été de 5px j'aurais ajouté 5px
padding-right: 1px;
}
//Seconde partie
div#menu a:hover {
border: 1px solid #000000; //La bordure fais 1 pixel donc j'enlève 1 de chaque côté ("padding-left" et "padding-right"), cela à pour effet d'annuler le décalage qu'il y avais au par avant
padding-left: 0px; //pour annuler le nombre de pixel mis dans la première partie
padding-right: 0px;
} |
Pour toute question, suggestion, ou autre me contacter par MP ou e-mail
Spy-Seth, tous droit réservé _________________
Vous aimer l'équitaion ? seulement le cheval ? Visiter chevalvert.info |
|