Bonjour à tous,
je suis en train de modifier le menu du template Modxhost, mais j’aimerai éviter que celui ci aille a la ligne lors d’un menu avec pas mal de rubrique.
j’aimerai pour cela réduire l’écart entre chaque onglet du menu mais je ne trouve pas ou cela se situe dans le css malgrès pas mal d’essai.
merci
#ajaxmenu ul {
margin: 0;
padding: 0;
list-style: none;
}
#ajaxmenu ul li {
position: relative;
float: left;
width:129px;
display: block;
text-decoration: none;
text-align: center;
font-weight: normal;
}
#ajaxmenu ul li ul {
position: absolute;
left: 0; /* Set 1px less than menu width */
top:28px;
line-height: 16px;
}
/*couleur des textes du menu*/
#ajaxmenu ul li a {
color: #FFFFFF;
font-weight: bold;
}
/* Styles for Menu Items */
#ajaxmenu ul li.firstcategory {
color: #000000;
font-weight: bold;
height: 28px;
line-height: 28px;
padding-right: 0px;
padding-left: 0px;
/*background-image: url(images/menu.png);*/
background-repeat: no-repeat;
background-position: 0px;
margin: 0px;
}
#ajaxmenu ul li.category {
color: #067895;
font-weight: bold;
height: 28px;
line-height: 28px;
padding-right: 0px;
padding-left: 0px;
/*background-image: url(images/menu.png);*/
background-repeat: no-repeat;
background-position: -129px;
margin: 0px;
}
#ajaxmenu ul li.lastcategory {
/*color: #062E4B;*/
color: #FFFFFF;
font-weight: bold;
height: 28px;
line-height: 28px;
padding-right: 0px;
padding-left: 0px;
/*background-image: url(images/menu.png);*/
background-repeat: no-repeat;
background-position: -222px;
margin: 0px;
}
#ajaxmenu ul li.firstcategory:hover, #ajaxmenu ul li.firstcategory.over {
/*color: #00b0ff;*/
color: #067895;
/*background-image: url(images/menu_roll.png);*/
}
#ajaxmenu ul li.category:hover, #ajaxmenu ul li.category.over {
color: #067895;
/*background-image: url(images/menu_roll.png);*/
}
#ajaxmenu ul li.lastcategory:hover, #ajaxmenu ul li.lastcategory.over {
color: #067895;
/*background-image: url(images/menu_roll.png);*/
}
/* commented backslash \*/
* html ul li a {height:1%}
/* end hack */
#ajaxmenu li a {
text-decoration: none;
}
/* hovered lists */
#ajaxmenu li a, #ajaxmenu li.over a {
color: #00b0ff;
width: 89px;
display: block;
}
/*couleur des textes dans les sous rubriques lors d'une sélection*/
#ajaxmenu li li a:hover, #ajaxmenu li.over li a:hover {
background-image: url(images/bullet_11x8_roll.gif) !important;
color: #FFFFFF;
background-repeat: no-repeat;
background-color: #00b0ff;
background-position: left center;
text-indent: 8pt;
}
/* couleur des textes dans les sous rubriques non sélectionnés */
#ajaxmenu li li a, #ajaxmenu li.over li a {
color: #00b0ff;
background-image: url(images/bullet_11x8.gif) !important;
background-repeat: no-repeat !important;
text-align: left;
border-right: 1px solid #2f2f2f;
border-bottom: 1px solid #2f2f2f;
border-left: 1px solid #2f2f2f;
font-weight: normal;
width: 172px;
background-color: #FFFFFF;
background-position: left center;
text-indent: 8pt;
}
#ajaxmenu li ul li a {
padding-top: 2px;
padding-bottom: 2px;
padding-right: 1px;
padding-left: 1px;
} /* Sub Menu Styles */
#ajaxmenu li ul, #ajaxmenu li.over ul {
display: block;
} /* The pop */
#ajaxmenu {
margin-right: auto;
margin-left: auto;
width: 900px;
}
#myajaxmenu {
position: absolute;
top:1px;
left: 0px;
display: block;
z-index: 1000;
}
