C'est encore moi =D

En fait c'est que sur ma page d'acceuil j'ai fait un menu dans le genre du menu sur la page d'acceuil de CSSactif en haut à gauche dont voici le CSS:

Code:

#menu a:link, #menu a:visited{
margin-left : 9px;
margin-right : 9px;
display: block;
font-family : Trajan Pro;
color: #d2d2d2;
background-color: #2e2d2d;
text-align: center;
border-left: 9px solid #361B1B;
border-right: 9px solid #361B1B;
font-size: 15px;
}

#menu a:hover, #menu a:hover:visited{
color: #575555;
border-left: 9px solid;
border-right: 9px solid;
font-size: 15px;
}

Il fonctionne très bien et tout, sauf que dès que je le mets ainsi:

Code:

#menu a:link, #menu a:visited{
margin-left : 9px;
margin-right : 9px;
display: block;
font-family : Trajan Pro;
color: #d2d2d2;
background-color: #2e2d2d;
text-align: center;
border-left: 9px solid #361B1B;
border-right: 9px solid #361B1B;
border-top: 2px solid #361B1B;
border-bottom: 2px solid 1361B1B;
font-size: 15px;
}

#menu a:hover, #menu a:hover:visited{
color: #575555;
border-left: 9px solid
border-right: 9px solid
font-size: 15px;
}

La taille diminue automatiquement et je ne suis pas capable de la changer, même en modifiant les chiffres à côté de font-size. De plus, je ne sais pas comment faire pour que lorsque la souris passe sur l'un des liens pour que celui-ci change de couleur, encore une fois comme celui de CSSactif.

Est-ce que quelqu'un pourrait m'éclairer ._.?
Merci d'avance =D

Essaye plutôt ce code :

Code:

a.mainmenu:link, a.mainmenu:visited{
font-family :default;
color: #FFFFFF;
border-left: 4px solid #000000;
border-right: 4px solid #000000;
}

a.mainmenu:hover, a.mainmenu:hover:visited {
color: #000000;
text-align: center;
border-left: 4px solid #FFFFFF;
border-right: 4px solid #FFFFFF;
}

il ya des erreurs le code couleur ta oublié un # sur
border-bottom: 2px solid #361B1B;

et le font quand il ya un espace il faut mettre les "
aussi j'ai remarquer que il ya un manque de ";" qui genere le bug sur les 2 ->

border-left: 9px solid
border-right: 9px solid


bon voici un code correct remplace & enjoy !

Code:

#menu a:link, #menu a:visited{
margin-left : 9px;
margin-right : 9px;
display: block;
font-family : "Trajan Pro", verdana;
color: #d2d2d2;
background-color: #2e2d2d;
text-align: center;
border-left: 9px solid #361B1B;
border-right: 9px solid #361B1B;
border-top: 2px solid #361B1B;
border-bottom: 2px solid #361B1B;
font-size: 15px;
}

#menu a:hover, #menu a:hover:visited{
color: #575555;
border-left: 9px solid;
border-right: 9px solid;
font-size: 15px;
}

puis il ya pas ce font dans le system je crois alors il ne doit pas marcher pour tous les visiteurs

Eh d'accord merci x)
Mais comment je fais pour que quand je passe la souris dessus, il change de couleur? Et pour avoir un espace entre chaque liens aussi ._.?

Coucou, Alors pour qu'il change de couleurs tu dois jouer avec la seconde partie de ton code :

Code:

#menu a:hover, #menu a:hover:visited{
color: #575555;
font-size: 15px;
background-color: #AUTRECOULEUR; /* Tu n'es pas obligé de changer la couleur de fond, auquel cas efface la ligne ^^ si tu l'effaces; la couleur de fond sera la même que dans la première partie du code */
border-left: 9px solid #AUTRECOULEUR;
border-right: 9px solid #AUTRECOULEUR;
border-top: 2px solid #AUTRECOULEUR;
border-bottom: 2px solid #AUTRECOULEUR;
margin-left: 2px;
margin-right: 2px; /* les margins servent à mettre de l'espace, je ne sais pas si c'est ça que tu voulais, sinon efface les lignes ^^" */
}

Voila =o
J'ai mis quelques indications dans le code qui n'apparaîtront pas si tu les laisses (tu peux bien sûr les retirer)
Ce qu'il faut savoir, c'est que dans la partie "hover" (donc celle-ci), si tu n'indiques rien, ça reprend les mêmes propriétés que pour la partie normale. Donc pour changer la couleur, il suffit de lui dire que tu veux changer la couleur afin qu'il ne reprenne pas celle imposée plus haut ^^"

Merci beaucoup Johian x)
Maintenant j'aimerais savoir une dernière petite chose ._. comment je fais pour avoir un espace entre mes liens, je veux dire en dessous de chacun il y a quelques pixels...

Euh... Bhen tu rajoutés "margin-bottom: 2px" ou "margin-top: 2px"... Si les margins te vont pas, remplace-les par des paddings (padding-top, padding-bottom, padding-right, padding-left)
Euh...
Oula pour les padding je sais plus si c'est pading ou padding (avec un ou deux D xD)... Désolé '-'

*passe pour une nouille*

Merci avec les margins ça marche =D
Merci beaucoup à tout les trois qui m'ont aidés

Demande terminée ?

Ouep Pitbull tu peux bazarder x)

Ok je bazarde alors