Sujet Précédent Sujet Suivant

Toutes mes <li> sauf celle la

Fermé
Debutant en webmastering Messages postés 401 Date d'inscription lundi 6 juin 2011 Statut Membre Dernière intervention 27 janvier 2021 - Modifié par Debutant en webmastering le 23/02/2012 à 12:09
Debutant en webmastering Messages postés 401 Date d'inscription lundi 6 juin 2011 Statut Membre Dernière intervention 27 janvier 2021 - 22 mars 2012 à 14:37
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

4 réponses

Réponse 1 / 4
AssassinTourist Messages postés 5709 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 310
23 févr. 2012 à 12:20
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)
0
Réponse 2 / 4
Mihawk Messages postés 4313 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 845
Modifié par Mihawk le 23/02/2012 à 13:55
Hello,
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é"
0
Debutant en webmastering Messages postés 401 Date d'inscription lundi 6 juin 2011 Statut Membre Dernière intervention 27 janvier 2021
23 févr. 2012 à 14:08
l'idée y était mais la taille reste à 250px même avec cette dernière ligne
0
Mihawk Messages postés 4313 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 845
23 févr. 2012 à 15:12
Ton site est-il en ligne ?
0
Debutant en webmastering Messages postés 401 Date d'inscription lundi 6 juin 2011 Statut Membre Dernière intervention 27 janvier 2021
23 févr. 2012 à 15:28
non pas encore pourquoi ?
0
AssassinTourist Messages postés 5709 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 310
23 févr. 2012 à 15:34
C'était pour voir ton contexte et savoir d'où est-ce qu'il gardait 250px.
0
Mihawk Messages postés 4313 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 845
23 févr. 2012 à 15:35
Voila ^^
0
Réponse 3 / 4
Debutant en webmastering Messages postés 401 Date d'inscription lundi 6 juin 2011 Statut Membre Dernière intervention 27 janvier 2021
23 févr. 2012 à 15:45
bon bah j't'envoie ça par mail Assassin (te moque pas de mon code je débute)
0
Réponse 4 / 4
Debutant en webmastering Messages postés 401 Date d'inscription lundi 6 juin 2011 Statut Membre Dernière intervention 27 janvier 2021
22 mars 2012 à 14:37
besoin d'aide svp
0

Discussions similaires

iPhone : je n'ai pas de son lors d'un appel sortant
Shark80080 -
Isabelle -

6 réponses
MIN sans prendre en compte les 0
Coco-8 -
TPR1-KM -

20 réponses
Je n'entends pas mon interlocuteur sur mon téléphone
maudusmalus -
maudusmalus -

6 réponses
Chanson la li la li la la la?
blue44650 -
Coutelier -

2 réponses
je n'entend pas mon interlocuteur sur mon iphone
jess -
Cathy vdb -

2 réponses