Menu horizontal déroulant

Bonjour à tous

C'est mon premier post ici alors déjà parais qu'il faut se présenter, alors je m'appele Philippe et je suis en L1 Info à Nantes

Je suis tombé sur un de vos tutorials par une recherche google ( celui pour le Menu horizontal déroulant ) mais j'ai un problème quand je veux le modifier.

J'ai lu le tutorial CSS pour les débutants (ainsi que le post pour nouvel inscrit ) mais je ne trouve pas la réponse à mon problème.

En fait, j'obtient ceci : http://fizdev.free.fr/telechargements/navigation.htm

Comme vous pouvez le voir, la bordure de gauche est inexistante sur les liens après le 1er dans les sous-menus. Par contre celles de droite s'additionnent au fur et a mesure de l'avancement de la liste.

Voila, si vous pouviez m'indiquez où j'ai fais une bourde.

Merci d'avance, Philippe

Bonjour,
Il faudrait commencer par retirer les balises dt qui n'ont rien à faire dans tes liens, et si tu veux mettre une police et un cadre doré autour de tes liens, inutile de rajouter une class, ajoute plutôt ceci :

#menu a{
background-color:#000;
color: #FC6;
border: 1px solid #fc6;
padding:0 2px;
margin:2px 1px;
}

après avoir supprimé les anciens color,background et border.

Alors j'ai nettoyé un peu le code comme tu me l'a conseillé et apporté les modifications. J'obtient donc cela :
http://fizdev.free.fr/telechargements/navigation2.htm

Comment je peux faire pour que les barres horizontales dans les sous-menu ne soit pas 2 fois plus épaisse que les autres ?
Si j'ai bien compris c'est parceque les barres bottom et top se collent l'une a l'autre, mais si je met l'une des 2 valeurs à 0, 1 bordure manquera en haut ou en bas du grand cadre.

je tente un petit up au cas ou des personnes pouvant m'aider n'ai pas vu mon post.

Salut,

Pour empêcher que les barres ne soient 2 fois trop épaisses :
rajoute

border-bottom: none;

à tes liens,pour leur enlever la bordure du bas
et rajoute une bordure en bas de tes listes :

 #menu ul { border-bottom: 1px solid #fc6; }

Nurgle

Merci beaucoup