Confused with a CSS Menu

[martynb]

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.

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 -->

The CSS from the style sheet looks like this

#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;
}

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.

Thanks for taking your time to look.

[Dr.CSS]

I think you need to look at the page source...

This...

.nav_buttons
{
width:114px;
height:23px;
float:left;
text-align:center;
padding-top:14px;
color:#FFFFFF;
}

Is going to make the one 'div', , with that class 114px wide and 23px high not the links below it...

[martynb]

Thanks Mark for such a quick reply

I've removed the DIV now and seem to be slightly getting somewhere.

I'm just trying to find what is controlling the style I checked the CCS which related the the CSS menu.

But colours which are shown in the menu are not there which seems a little strange

[Dr.CSS]

Do you have a link or any code from the menu output?...