Pb background color sur menu
Séverine
-
Gihef Messages postés 5165 Statut Contributeur -
Gihef Messages postés 5165 Statut Contributeur -
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
A voir également:
- Pb background color sur menu
- Menu déroulant excel - Guide
- Canon quick menu - Télécharger - Utilitaires
- Windows 7 logon background changer - Télécharger - Thèmes & Fonds d'écran
- Windows 11 menu démarrer classique - Guide
- Menu caché tv philips hotel - Forum TV & Vidéo
3 réponses
Ç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 :
+ 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.
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.
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;
}