- Posts: 46
- Thank you received: 0
Horizontal menu
14 years 2 months ago #57553
by ghaithge
Horizontal menu was created by ghaithge
I am using the hagane - Default :template;. and the Extended Menu extension,
how can i make the main menu appear horizontally instead of vertically.
how can i make the main menu appear horizontally instead of vertically.
Please Log in or Create an account to join the conversation.
14 years 2 months ago #57613
by nicolas
Replied by nicolas on topic Re: Horizontal menu
Can you give a link to that page so that we can see that ?
Please Log in or Create an account to join the conversation.
14 years 2 months ago #57615
by ghaithge
Replied by ghaithge on topic Re: Horizontal menu
drz.cloudaccess.net/
thank you.
thank you.
Please Log in or Create an account to join the conversation.
14 years 2 months ago #57637
by nicolas
Replied by nicolas on topic Re: Horizontal menu
You will have to edit the CSS of the template and change mainlevelmainnav to mainmenu in that code because your module uses a different ID:
Code:
.moduletablemainnav { /* I have absolutely positioned the module, you might have a different scheme. */
float:left;
z-index:100;
font:0.9em Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}
#mainlevelmainnav ul {
float:left;
list-style:none;
line-height:1em;
margin:0;
padding:0;
background-color:#000;
}
#mainlevelmainnav li {
float:left;
background-image: url(../images/parenthese.jpg);
background-repeat: no-repeat;
background-position: right;
padding-right:28px;
margin-top:6px;
font-weight:bold;
font-size:12px;
}
#mainlevelmainnav a {
display:block;
text-decoration:none;
margin-left:25px;
color:#FFF;
}
#mainlevelmainnav a:hover {
color:#14cbec;
}
#mainlevelmainnav a.sublevelmainnav {
font-weight:normal;
padding-bottom:5px;}
a#active_menumainnav{
color:#14cbec;}
#mainlevelmainnav li ul {
position:absolute;
left:-999em;
margin:0;
padding-bottom:10px;
padding-top:10px;
}
#mainlevelmainnav li li {
float:none;
background:none;
}
#mainlevelmainnav li:hover ul,#mainlevelmainnav li li:hover ul,#mainlevelmainnav li li li:hover ul,#mainlevelmainnav li.sfhover
ul,#mainlevelmainnav li li.sfhover ul,#mainlevelmainnav li li li.sfhover ul {
left:auto;
z-index:6000;
}
#mainmenu{
height:30px;
background-color:#000;
}
a.mainlevelmainnav{
padding-bottom:3px;}
The following user(s) said Thank You: ghaithge
Please Log in or Create an account to join the conversation.
Time to create page: 0.180 seconds