Bonjour,

Je suis en train de personnaliser le menu de mon site. J'ai mis une bordure rouge (border-bottom) dans ma feuille de style pour les classes  .MainMenu_SubMenu{} et .MainMenu_MenuItemSel {}

Ma bordure apparait bien comme il faut entre les sous-rubriques de mon menu mais quand je passe ma souris sur les sous-rubrisues les bordures disparaissent pour ne pas réapparaitre. J'ai essayé de modifier les class du MainMenu dans tout les sens mais je ne trouve pas comment conserver mes bordures.

Quelqu'un aurait une idée pour m'aider ? Merci d'avance...

Bonjour,

Pour l'instant ce n'est installé qu'en local, je ne peux donc pas vous transmettre d'URL. Mais voici le code CSS utilisé pour mon menu, en esperant que cela puisse aider :

.MainMenu_MenuContainer {
 background-color: transparent;
 color: #FFFFFF;
}
.MainMenu_MenuBar {
 cursor: pointer;
 cursor: hand;
 height: 23px;
 background-color: Transparent;
 color: #fff;
}
.MainMenu_MenuItem {
 cursor: pointer;
 cursor: hand;
 color: #900;
 border-bottom: #900 solid 1px;
 padding: 3px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: bold;
 font-style: normal;
 background-color: Transparent;
}

.MainMenu_MenuIcon {
 cursor: pointer;
 cursor: hand;
 background-color: #fff;
 text-align: center;
 width: 19;
 height: 19;
 border-bottom: #900 solid 1px;
}
.MainMenu_SubMenu {
 z-index: 1000;
 cursor: pointer;
 cursor: hand;
 background-color: #FFF;
 border: #900 solid 1px;
 filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3);
}
.MainMenu_MenuBreak {
 height: 1px;
}
.MainMenu_MenuItemSel {
 cursor: pointer;
 cursor: hand;
 color: #fff;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: bold;
 font-style: normal;
 background-color: #900;
 border-bottom: #900 solid 1px;
}

.MainMenu_MenuArrow {
 color: #900;
 font-family: webdings;
 font-size: 10pt;
 cursor: pointer;
 cursor: hand;
 border-bottom: #900 solid 1px;
}
.MainMenu_RootMenuArrow {
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
 color: #FFFFFF;
}
.MainMenu_RootMenuItemBreadcrumb
{  
    background-color: transparent;
 color: #FFFFFF;
}

.MainMenu_RootMenuItem
{
    background-color: transparent;
 color: #FFFFFF;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: bold;
 padding: 3px;
}
.MainMenu_MenuSeparator{
 background: url(images/menu.png) repeat-x top left;
 color: #fff;
 margin-top: 0;
 padding-top: 0;
 margin-left: 15px;
 margin-right: 15px;
 height: 23px;
}

Merci d'avance...