CSS zone <a> décalée
6 messages
• Page 1 sur 1
-

rudddy - WRInaute accro

- Messages: 2570
- Inscription: 1 Aoû 2007
CSS zone <a> décalée
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 :
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
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 :
- Code: Tout sélectionner
<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>
- Code: Tout sélectionner
#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
- allignol
- Nouveau WRInaute

- Messages: 29
- Inscription: 13 Juin 2007
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:
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...
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:
- Code: Tout sélectionner
#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...
6 messages
• Page 1 sur 1
Lectures recommandées sur ce thème :
Qui est en ligne
Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités

