Jump to content

Menu top : deuxième niveau horizontal ?


Recommended Posts

Bonjour,

Je suis en train de mettre en place mon site et je bloque sur un détail. Dans mon menu top, le premier niveau s'affiche horizontalement et le second niveau verticalement. Hors je voudrais que le second s'affiche également de manière verticale.

J'ai essayé un display:inline dans le css mais ça ne semble pas fonctionner. Quelqu'un pourrait m'aider s'il-vous-plait ? :(

Merci d'avance,

Cam.

Link to comment
Share on other sites

Je ne sais pas trop ce qui peut géner mais je peux déjà te montrer comme ça fonctionne sur le mien :

 

.sf-contener {
clear: both;
}
.sf-right {
 margin-right: 14px;
 float: right;
 width: 7px;
}
.sf-menu, .sf-menu * {
margin:   0;
padding:  0;
list-style:  none;
}
.sf-menu {
margin: 10px 0;
padding:0;
width:980px;/* 980 */
background: #383838;
}
.sf-menu ul {
position:  absolute;
top:   -999em;
width:   10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
width:   100%;
}
.sf-menu li:hover {
visibility:  inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float:   left;
position:  relative;
border-right: 1px solid #777;
}
.sf-menu a {
display:  block;
position:  relative;
color:#fff;
text-shadow:0 1px 0 #333;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left:   0;
top:   34px; /* match top ul list item height */
z-index:  99;
width:auto
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top:   -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left:   200px; /* match ul width */
top:   0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top:   -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left:   200px; /* match ul width */
top:   0;
}
/*** DEMO SKIN ***/
.sf-menu {
float:   left;
margin-bottom: 1em;
}
.sf-menu a {
display:block;
margin-right:2px;
padding: 0 22px 0 20px;
line-height:34px;
border: 0;
text-decoration:none;
}

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...