[résolu] Gestion des liens

Bonsoir,

assurément, le problème doit être gros comme une maison...
mais je ne trouve pas.

j'ai un header avec un lien-image puis en float: right un menu.

étrangement, les propriétés de "clic" de mon menu
se retrouvent aussi sur mon lien-image

d'ailleurs, si je crée n'importe quel autre lien je me retrouve avec les
propriétés de mon premier menu...

cela doit être une question de parenté... mais là, je ne vois plus

 <header>
	<div id="headercontainer"><a  href=""><img src="images/logo1.png" width="120px" alt="logo auto-école du chêne" title="auto-école du chêne"/></a>
<menu>
<nav id="menutop">

<ul>
<li><a href="">accueil</a></li>
<li><a href="">inscriptions</a></li>
<li><a href="">forfaits</a></li>
<li><a href="">code en ligne</a></li>
<li><a href="">contact/infos pratiques</a></li>
</nav></menu>
    </header>
    </div>

#menutop 
{
position:relative;
top:-30px;
float:right;
color:rgba (255,255,0, 1);


}

#menutop a {
color: rgba(0, 0, 0, 0.4);
}
#menutop ul li, a
{font-family:molot ;

font-size:10pt;
display:inline-block;
padding-left:15px;
-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#menutop ul li a:hover, a:focus, a:active
{font-size:20pt;
color: rgba(255, 255, 255, 1);
text-shadow: 0px 0px 10px #525252;

}

_____________________________________________________________________________
Résolution

#menutop ul li a:hover,#menutop ul li a:focus { 
   font-size:20pt; 
   color: rgba(255, 255, 255, 1); 
   text-shadow: 0px 0px 10px #525252; 
} 

Modifié par waik (16 Apr 2011 - 14:34)

Effectivement c'est gros comme une maison

#menutop ul li, a {
// propriétés
}

À changer en :

#menutop ul li a {
// propriétés
}

La virgule qui fait la différence

Bonsoir ZeB_panam...

en effet, une virgule de trop...
(et meme oublié de ferme mon <ul>
par contre, le problème ne semble pas venir de là

je ne rencontre pas ce problème sous chrome...
mais un clic sur le logo sous ie et firefox et je vois mon menu se décaler
voici le problème en pratique
Modifié par waik (16 Apr 2011 - 00:17)

Bonjour,

Tu utilise de l'HTML5 dans ton code, que je ne connais pas bien encore, mais je crois quand même avoir trouvé le problème.

Tu fermes mal tes balises <header> et <div>. Inverse-les à la fin.

Bonjour et merci Anymah


toujours le même résultat sous firefox et ie...

on dirait que les propriétés de

a

de la construction de mon menu se répercute sur tous les autres liens

j'avoue que je ne comprends.

Bonjour,

ceci à corriger aussi

#menutop ul li a:hover, a:focus
{font-size:20pt;
color: rgba(255, 255, 255, 1);
text-shadow: 0px 0px 10px #525252;
}

en

#menutop ul li a:hover,#menutop ul li a:focus {
   font-size:20pt;
   color: rgba(255, 255, 255, 1);
   text-shadow: 0px 0px 10px #525252;
}

Xiexie, merci, choukran, thanks a lot, gracias, etc... Fufu


En effet, gros comme une maison et une question de parentés...

bien évidemment, je me retrouvais avec les mêmes propriétés
ailleurs... vu que je ne répétais pas la parenté et donc définissais des propriétés générales


merci beaucoup....