Créer des bordures entre mes liens de menus

[frenchbg]

Bonjour,

J'aimerai connaitre le code à implémenter dans mon fichier css pour créer des bordures entre chaque liens de menus. ci-joint une copie d'écran pour mieux visualiser la situation.

Merci de votre aide

[toffffe]

Re : Créer des bordures entre mes liens de menus

Salut
essais avec ce code

#menu ul li{border-right: 1px solid #000;}

[frenchbg]

Re : Créer des bordures entre mes liens de menus

Merci pour ce code il fonctionne, j'ai un petit problème c'est que la bordure dépasse en hauteur, quel code je dois rajouter pour contrôler sa hauteur? Merci

[toffffe]

Re : Créer des bordures entre mes liens de menus

Salut
Là sans voir le site je peux pas te dire.
Tu peux sinon mettre le border sur le lien en ajoutant le "a" au code

#menu ul li a{border-right: 1px solid #000;}

[lefabdu51]

Re : Créer des bordures entre mes liens de menus

essaye #menu ul {height: ma hauteur en px}

Normalement c est sur ce conteneur qu il faut agir pour reduire la hauteur des éléments.

[frenchbg]

Re : Créer des bordures entre mes liens de menus

Quand j’insère le code : #menu ul {height: ma hauteur en px}, cela créé un bug graphique c a dire que le menu se racourci de la hauteur du code, ce qui n'est pas beau. comment insérer ce code? merci

CSS menu :

/* Mega Drop-Down Menu
----------------------------------------------------------------------------------------------------*/

/* Level 1 */

.menu-dropdown { margin-bottom: -6px; }
.menu-dropdown li.level1 {
margin-right: 0;
padding-bottom: 6px;
}

#menu ul li a{border-right: 1px solid #ffffff;
}

.menu-dropdown a.level1,
.menu-dropdown span.level1 {
border-style: solid;
border-color: #ffffff;
border-width : 0px;
color: #ffffff;
}

.menu-dropdown:first-child li.level1:first-child .level1 {
border-left-width: 0;
border-radius: 6px 0 0 6px;
}

.menu-dropdown a.level1 > span,
.menu-dropdown span.level1 > span { padding: 7px 15px; }

/* Set Active + Hover */
.menu-dropdown li.active .level1,
.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1 {
border-color: #ccc;
background-color: #ffffff;
box-shadow: 0 2px 4px rgba(0,0,0,0.1) inset,
0 -1px 0 #bbb;
color: #000;
}

/* Drop-Down */
.menu-dropdown .dropdown { top: 50px; }
.menu-dropdown:first-child li.level1:first-child .dropdown { left: -1px; }

.menu-dropdown .dropdown,
.menu-dropdown .dropdown-bg > div { border-radius: 4px; }


/* Line Menu
----------------------------------------------------------------------------------------------------*/

.menu-line li { text-transform: uppercase; }