Pb background color sur menu

Fermé
Séverine - 26 janv. 2007 à 18:42
Gihef Messages postés 5137 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 27 mai 2022 - 29 janv. 2007 à 15:47
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

3 réponses

Gihef Messages postés 5137 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 27 mai 2022 2 769
26 janv. 2007 à 20:04
Bonjour,

Comment fais-tu ?
Avec un <span> ?

Montre-nous.
0
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;
}
0
Gihef Messages postés 5137 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 27 mai 2022 2 769
27 janv. 2007 à 13:26
Le code HTML du bouton aussi.
Qu'on voit comment tu mets en place les styles.
0
bonjour!

sur mon bt je mets le code suivant:

<tr>
<td><div class="lienmenu" align="right"><a href="references.php?page=idv">IDENTITÉ
VISUELLE</a></div></td>
</tr>
0
Gihef Messages postés 5137 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 27 mai 2022 2 769
29 janv. 2007 à 15:47
Ç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.
0