CSS zone <a> décalée

[rudddy]

Bonjour,

sur mon nouveau site http://www.maison-de-retraite-paris.fr/

j'ai un problème au niveau de mes css :

dans le menu de navigation en haut en gris, la dernière zone "contact" est cliquable mais pas au dessus du texte, mais décalé sur la droite d'une cinquantaine de pixel.

voici mon code :

   <ul id="navigation">
   <li><a id="accueil" href="/"></a></li>
   <li><a id="infos" href="info-maison-de-retraite-1.html"></a></li>
   <li><a id="downloads" href="recherche-maison-de-retraite.html"></a></li>
   <li><a id="forum" href="#"></a></li>
   <li><a id="chat" href="#"></a></li>
   <li><a id="contact" href="recherche-de-maison-de-retraite.html"></a></li>
   </ul>

#navigation
{
width: 780px;
height: 54px;
background-image: url("images/navigation.jpg");
background-repeat: no-repeat;
margin:0;
padding:0;
margin:auto;
list-style:none;
}

#navigation li
{
display:inline;
}


#accueil
{
width: 72px;
height: 36px;
float:left;
margin-left:166px;
}

#infos
{
width: 59px;
height: 36px;
float:left;
margin-left:2px;
}

#downloads
{
width: 93px;
height: 36px;
float:left;
margin-left:2px;
}

#forum
{
width: 62px;
height: 36px;
float:left;
margin-left:2px;
}

#chat
{
width: 56px;
height: 36px;
float:left;
margin-left:2px;
}

#contact
{
width: 75px;
height: 36px;
float:left;
margin-left:2px;
}

merci de votre aide

au passage si vous avez des avis (bons ou mauvais : niveau design, accessibilité, publicité, ergonomie, seo, ...) je suis ouvert à toutes vos critiques

 

[darkjukka]

Essaye de mettre un margin-right qui correspondrait à l'attribut #contact

 

[allignol]

Bonjour,
J'ai regardé ta feuille de style:

le problème vient du fait que tu as deux déclarations pour #contact

La deuxième est:

#contact
{
width:136px;
height: 34px;
float:right;
padding-top:10px;
vertical-align:middle;
}

Elle remplace la précédente.

Il faut soit que tu modifies l'ID de ton lien de menu, soit l'autre (je ne sais pas lequel c'est) et tout roulera bien...

 

[rudddy]

super ca marche merci beaucoup

sinon pas d'avis pour mon site ?

tout est parfait

....
....

ou tout est a jeter à la poubelle ???

 

[allignol]

Une remarque justement concernant le menu: il n'est pas très lisible...
Il faudrait peut être modifier la couleur du texte.

 

[rudddy]

oui je vais essayer de le passer en bleu

sinon niveau graphisme / contenu / référencement in site ?