No replies
m342
m342's picture
Offline
newbie
Last seen: 9 years 2 days ago
Timezone: GMT-4
Joined: 2011-08-05
Posts: 3
Points: 5

I am using a template for Joomla 1.6 , the following is an excerpt of the layout.css file. Currently the menu navigation bar is at the bottom of the page, I would like it to be at top.. any suggestions? here's an example of what I mean:http://livedemo00.template-help.com/joomla_34290/index.php/hotels

#menu {
position:relative;
top:inherit !important;
margin-top:-105px;
width:990px;
min-height:114px;
z-index:150000;
background:url(../images/menu_bg.png) no-repeat 50% 0;
left:50%;
margin-left:-495px
}
.main #menu {position:absolute; top:60% !important; margin-top:0; width:990px; min-height:114px; z-index:150000; background:url(../images/menu_bg.png) no-repeat 50% 0; left:50%; margin-left:-495px}
#menu ul.menu {position:absolute; right:8px; margin:1px auto 0 !important}
#menu ul.menu li { position:relative; list-style:none; padding:0; background:none; float:left}
#menu ul.menu ul {display:none; top:87px; position:absolute; width:188px; padding:5px 0 20px 0; z-index:20 }
#menu ul.menu ul ul {display:none; top:0; left:100%; position:absolute; width:196px; padding:0; margin-top:0px; z-index:20;}
#menu ul.menu ul li {float:none !important;background:url(../images/sub_… repeat 50% 0; }
#menu ul.menu ul li a { padding:0 ; text-align:center; display:block; text-align:left; position:relative; z-index:30; text-decoration:none}
#menu ul.menu ul li a strong{ width:165px; text-align:center; color:#fff; font-size:15px; text-align:left; display:block; text-transform:none; text-decoration:none; position:relative; z-index:30; cursor:pointer; padding:0 0 0 23px; line-height:30px;}
 
#menu ul.menu ul ul li a { padding:0 ; text-align:center; display:block; text-align:left; position:relative; z-index:30; text-decoration:none}
#menu ul.menu ul ul li a strong{idth:165px; text-align:center; color:#fff; font-size:15px; text-align:left; display:block; text-transform:none; text-decoration:none; position:relative; z-index:30; cursor:pointer; padding:0 0 0 23px; line-height:30px;}
#menu ul.menu ul ul li a:hover strong{ color:#ff865b; background:none !important}
 
#menu ul.menu ul li a:hover strong{ background:url(../images/menu_hover_bg.g… repeat-x 50% 0 !important; color:#fff !important}
#menu ul.menu ul li.actives > a > strong{ background:url(../images/menu_hover_bg.g… repeat-x 50% 0 !important; color:#fff !important}
#menu ul.menu > li > a {display:block; text-decoration:none; width:106px; height:88px; position:relative; z-index:30}
#menu ul.menu > li > a > strong { width:106px; height:88px; padding:0 0 0 0; text-align:center; color:#272727; display:block; font-size:17px; text-transform:lowercase; line-height:88px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
 
#menu ul.menu li a:hover, #header .active a { background:url(../images/menu_hover_bg.g… repeat-x 50% 0; color:#fff }
#menu ul.menu li a:hover strong, #menu ul.menu li.current > a > strong, #menu > ul.menu > li.actives > a > strong, #menu > ul.menu > ul > li.actives > a > strong { background:url(../images/menu_hover_bg.g… repeat-x 50% 0 !important; color:#fff !important}
#menu > .active > a > strong {}
#menu > ul > li.actives > a > strong { }
#menu ul > ul > .actives > a > strong { height:inherit !important; padding:8px 0 6px !important; color:#160b04;}
#menu ul.menu li ul li.active > a > strong {background:url(../images/menu_hover_bg.… repeat-x 50% 0 !important; color:#fff !important}
 
#menu ul.menu ul ul { left:100%; padding: !important }