[CSS] Corriger le décalage dû à l'insertion d'une bordure...

Tutoriaux de graphisme phpBB et divers, améliorez vos performances!

Modérateur: Modérateurs

[CSS] Corriger le décalage dû à l'insertion d'une bordure...

Messagede Spy-Seth le 10 Mar 2005 17:49

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: Tout sélectionner
//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é
Avatar de l’utilisateur
Spy-Seth
Expert sénior
Expert sénior
 
Messages: 1262
Inscription: 28 Oct 2004 15:03
Localisation: Montpellier

Retourner vers Tutoriaux Graphique

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités

cron