Confused with a CSS Menu
Posted: Mon May 12, 2008 4:53 pm
Hello i've been reading upon reading. I'm trying to intergrate a CSS menu but for some reason its not working.
Ive been using the cssmenu.tpl
Inserted using {menu template='menu'}
Which is showing the menu, the template part which hold the menu looks like this.
The CSS from the style sheet looks like this
Thanks for taking your time to look.
Ive been using the cssmenu.tpl
Inserted using {menu template='menu'}
Which is showing the menu, the template part which hold the menu looks like this.
Code: Select all
<!--Navigation Section Starts -->
<div id="naviation_Container">
<div class="left_Nav_Shadow"></div>
<div class="navigation">
<div class="nav_buttons">
{menu template='menu'}
</div>
</div>
<div class="right_Nav_Shadow"></div>
</div>
<!--Navigation Section Ends -->
This has got the better of me I've now been working on this for 3 days but can't solve the problem. Can anybody suggest anything.#naviation_Container
{
width:816px;
height:41px;
}
.clear
{
clear:both;
}
.left_Nav_Shadow
{
float:left;
width:8px;
height:41px;
background:url(images/left_shade.gif) no-repeat;
}
.navigation
{
float:left;
width:799px;
height:41px;
background:url(images/Nav_Bg.gif) no-repeat;
}
.right_Nav_Shadow
{
float:left;
width:7px;
height:41px;
background:url(images/Right_Shade.gif) no-repeat;
}
.nav_buttons
{
width:114px;
height:23px;
float:left;
text-align:center;
padding-top:14px;
color:#FFFFFF;
}
Thanks for taking your time to look.