Toutes mes <li> sauf celle la
Debutant en webmastering
Messages postés
444
Statut
Membre
-
Debutant en webmastering Messages postés 444 Statut Membre -
Debutant en webmastering Messages postés 444 Statut Membre -
Bonjour,
je me demande si c'est possible de configurer toutes ses <li> d'une façon donc dans mon cas ça donne :
ul li a
{
display : block;
padding : 0;
background-color : #808080;
color : #FFFFFF;
width : 250px;
text-align : center;
text-decoration : none;
line-height : 50px;
font-size : 25px;
}
ul li a:hover
{
display : block;
padding : 0;
background : #808080;
color : #FFFFFF;
width : 250px;
text-align : center;
text-decoration : none;
line-height : 50px;
font-size : 28px;
}
mon html donne ceci :
<li id="NousSituer">
<a href="NousSituer.html"><img src="./images_polyservices/15860234.jpg" id="imageNousSituer">Nous situer</a>
</li></ul> </li>
et d'en changer juste une.
J'ai essayé ce code en css (qui devrait me changer la taille mais qui ne me donne aucun résultat)
#NousSituer
{
display : block;
padding : 0;
background-color : #808080;
color : #FFFFFF;
width : 120px;
text-align : center;
text-decoration : none;
line-height : 50px;
font-size : 25px;
}
#NousSituer:hover
{
display : block;
padding : 0;
background : #808080;
color : #FFFFFF;
width : 120px;
text-align : center;
text-decoration : none;
line-height : 50px;
font-size : 28px;
}
Signé: Debutant en webmastering
je me demande si c'est possible de configurer toutes ses <li> d'une façon donc dans mon cas ça donne :
ul li a
{
display : block;
padding : 0;
background-color : #808080;
color : #FFFFFF;
width : 250px;
text-align : center;
text-decoration : none;
line-height : 50px;
font-size : 25px;
}
ul li a:hover
{
display : block;
padding : 0;
background : #808080;
color : #FFFFFF;
width : 250px;
text-align : center;
text-decoration : none;
line-height : 50px;
font-size : 28px;
}
mon html donne ceci :
<li id="NousSituer">
<a href="NousSituer.html"><img src="./images_polyservices/15860234.jpg" id="imageNousSituer">Nous situer</a>
</li></ul> </li>
et d'en changer juste une.
J'ai essayé ce code en css (qui devrait me changer la taille mais qui ne me donne aucun résultat)
#NousSituer
{
display : block;
padding : 0;
background-color : #808080;
color : #FFFFFF;
width : 120px;
text-align : center;
text-decoration : none;
line-height : 50px;
font-size : 25px;
}
#NousSituer:hover
{
display : block;
padding : 0;
background : #808080;
color : #FFFFFF;
width : 120px;
text-align : center;
text-decoration : none;
line-height : 50px;
font-size : 28px;
}
Signé: Debutant en webmastering
A voir également:
- Toutes mes <li> sauf celle la
- Mode silencieux sauf pour un contact - Forum Samsung
- Excel minimum sauf 0 ✓ - Forum Excel
- Je n'entend pas mon interlocuteur sauf en haut parleur samsung - Forum Samsung
- Iphone je n'entend pas mon interlocuteur sauf en haut parleur ✓ - Forum iPhone
- Je n'entends pas mon interlocuteur sur mon téléphone - Forum Samsung
4 réponses
Salut,
#id ou .class s'occupent du texte "normal". Toi, tu as du <a> qui est un texte un peu spécial. Essaye d'utiliser :
#NousSituer a
et #NousSituer:hover a
(je suis pas sûr pour le hover où placer le a par contre)
#id ou .class s'occupent du texte "normal". Toi, tu as du <a> qui est un texte un peu spécial. Essaye d'utiliser :
#NousSituer a
et #NousSituer:hover a
(je suis pas sûr pour le hover où placer le a par contre)
Hello,
Cela ne sert à rien de remettre
Il suffit de préciser dans le CSS précédent :
Ensuite tu reprécises juste la taille :
Essaye donc
Mihawk
"La rigoureusité fait la qualité"
Cela ne sert à rien de remettre
#NousSituer
{
display : block;
padding : 0;
background-color : #808080;
color : #FFFFFF;
width : 120px;
text-align : center;
text-decoration : none;
line-height : 50px;
font-size : 25px;
}
Il suffit de préciser dans le CSS précédent :
ul li a, #NousSituer
{
display : block;
padding : 0;
background-color : #808080;
color : #FFFFFF;
width : 250px;
text-align : center;
text-decoration : none;
line-height : 50px;
font-size : 25px;
}
ul li a:hover, #NousSituer:hover
{
display : block;
padding : 0;
background : #808080;
color : #FFFFFF;
width : 250px;
text-align : center;
text-decoration : none;
line-height : 50px;
font-size : 28px;
}
Ensuite tu reprécises juste la taille :
li#NousSituer:hover
{
width : 120px;
}
Essaye donc
Mihawk
"La rigoureusité fait la qualité"
