Comment initialisé un lien a son état initial

Résolu/Fermé
marwen109 Messages postés 63 Date d'inscription jeudi 12 août 2010 Statut Membre Dernière intervention 26 mars 2012 - Modifié par marwen109 le 2/09/2010 à 05:36
marwen109 Messages postés 63 Date d'inscription jeudi 12 août 2010 Statut Membre Dernière intervention 26 mars 2012 - 2 sept. 2010 à 19:00
Bonjour,





mon probléme est de savoir comment initialisé mes liens...
j'ai fait une liste des liens avec "display inline" mais l'orsque je visite un lien le display s'annule et la couleur devient different , je veux savoir comment l'initialisé , voici mon code:
le code source de la liste:

<div style="border:1px solid black;">

<div id="sidebar">
<a href="presentation.html"id="sidebarx">Acceuil</a>
<a href="enfant.html" id="sidebarx">Espace Des Enfants</a>
<a href="soft.html" id="sidebarx">Espace Des Soft</a>
<a href="etudiant.html" id="sidebarx">Espaces Des Etudiants</a>
<a href="inscri.html"id="sidebarx">S'inscrire</a>
</div>
</div>

la page style.css

#sidebarx{display:inline;float:left;background-color:black;width:20%;font-weight;bold;text-align:center;}

#sidebar a:link{background-color:black;color:white;text-decoration:none;font-size:18pt; }
#sidebar a:hover{background-color:#FFD322;color:black;font-size:18pt;}

de plus j'ai trouvé une sol mais elle ma causée autre probléme :
jai rajouté ce :
#sidebar a:visited{background-color:black;color:white;text-decoration:none;font-size:18pt;}

si je passe la souris sur ma liste, la couleur des liens ne change pas, il reste toujours noire :(
donc j'ai pas d'autres solutions

2 réponses

il faut respecter l'ordre

Link - Visited - Hover

<style>

#sidebarx{display:inline;float:left;background-color:black;width:20%;font-weight;bold;text-align:center;} 

#sidebar a:link{background-color:black;color:white;text-decoration:none;font-size:18pt; } 


#sidebar a:visited{background-color:black;color:white;text-decoration:none;font-size:18pt;} 
#sidebar a:hover{background-color:#FFD322;color:black;font-size:18pt;} 

</style>

<div style="border:1px solid black;"> 

<div id="sidebar"> 
<a href="presentation.html"id="sidebarx">Acceuil</a> 
<a href="enfant.html" id="sidebarx">Espace Des Enfants</a> 
<a href="soft.html" id="sidebarx">Espace Des Soft</a> 
<a href="etudiant.html" id="sidebarx">Espaces Des Etudiants</a> 
<a href="inscri.html"id="sidebarx">S'inscrire</a> 
</div> 
</div> 
0
marwen109 Messages postés 63 Date d'inscription jeudi 12 août 2010 Statut Membre Dernière intervention 26 mars 2012 2
2 sept. 2010 à 19:00
ca marche bien !!!,vraiment le css est trés sensible , merci bien de votre aide :))))
0