Pb background color sur menu
bonsoir à tous,
voici mon pb: j'applique à mon bouton un background color via une feuille de style. Sous firefox le background souligne uniquement le mot auquel il s'applique (ca, c'est le résultat que je voulais) mais sous IE, il me l'applique à la ligne entière (merci IE!!!) quel code dois je rajouter pour forcer le background a ne s'appliquer qu'au mot??
Merci d'avance.
Séverine
voici mon pb: j'applique à mon bouton un background color via une feuille de style. Sous firefox le background souligne uniquement le mot auquel il s'applique (ca, c'est le résultat que je voulais) mais sous IE, il me l'applique à la ligne entière (merci IE!!!) quel code dois je rajouter pour forcer le background a ne s'appliquer qu'au mot??
Merci d'avance.
Séverine
Configuration: Mac OS X Firefox 1.5.0.9
3 réponses
-
ContributeurBonjour,
Comment fais-tu ?
Avec un <span> ?
Montre-nous.
-
Bonjour,
Dans mon CSS je mets ce code:
.lienmenu
a {
font-family:arial, sans-serif;
font-size:75%;
font-weight:bold;
color:#FD4CB5;
background-color:#CE1135;
width:100%;
text-align:right;
text-decoration:none;
pading:5px;
}
.lienmenu
A:hover {
font-family:arial, sans-serif;
font-size:75%;
font-weight:bold;
color:white;
width:100%;
background-color:#FF95D4;
text-align:right;
text-decoration:none;
pading:5px;
}
-
-
ContributeurLe code HTML du bouton aussi.
Qu'on voit comment tu mets en place les styles.
-
ContributeurÇa vient peut-être (j'avais lu trop vite) de cette petite erreur, du “d” qui manque à “padding” ?
Cependant, si tu veux qu'une transformation ne s'applique qu'à un mot, un groupe de lettres, tu peux faire comme ça :/* CSS ====================================== */ .lienmenu a { font-family:arial, sans-serif; font-size:75%; font-weight:bold; color:#fd4cb5; background-color:#ce1135; width:100%; text-align:right; text-decoration:none; padding:5px; } .lienmenu a:hover { color:#fff; background-color:#ff95d4; } .lienmenu a:hover span { color:#ff0; background-color:#000; } <!-- HTML ====================================== --> <tr> <td> <div class="lienmenu" align="right"><a href="#"><span>IDENTITÉ</span> VISUELLE</a></div> </td> </tr> <tr> <td> <div class="lienmenu" align="right"><a href="#">VISUAL <span>IDENTITY</span></a></div> </td> </tr>
+ Il est recommandé de construire les menus à l'aide de listes.
Si tu t'y intéresses : http://edu.ca.edu/selfhtml/css/proprietes/listes.htm
Ça simplifie leur gestion.
