Pb background color sur menu

Fermé
Séverine - 26 janv. 2007 à 18:42
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 - 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
A voir également:

3 réponses

Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
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 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
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 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
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