Page 1 of 1

CSS menu jumps [SOLVED]

Posted: Mon May 26, 2008 3:15 pm
by *denise*
Hello everybody,

I am trying to display my css menu properly. It is going pretty well, except that there seems to be an invisible margin around my menu. In my css there are nog margins however.
My template is linked correctly to cssmenu.tpl.

www.pukt.nl.cms

Maybe anyone has encountered this problem before? Because I am completely lost. I have been reading and trying for the last 3 days.

This is my css for the menu:


#menuwrapper {
float:left;
width:190px;
}


ul.primary-nav{
margin:0;
padding:0;
display:block;
list-style-type:none;
text-indent: 10px;
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
line-height:30px;
width: 190px;
}

ul.primary-nav li{
list-style-type:none;
margin:0;
padding:0;
border-top:1px solid #d4dce7;
border-bottom:1px solid #d4dce7;
}
ul.primary-nav li a{
display:block;
text-decoration:none;
color:#fff;
background:#87a3c6;
width:190px;
}
ul.primary-nav li a:hover{
background:#d4dce7 url("uploads/images/sub.gif") no-repeat 0 5px;
}
ul.primary-nav li a.menuactive,ul.primary-nav li a.menuactive:hover{
background:#3a5f8d url("uploads/images/sub.gif") no-repeat 0 5px;}

Re: CSS menu jumps

Posted: Mon May 26, 2008 4:38 pm
by Dr.CSS
You have some duplications, may be from the menu template, but it most likely set in the template...


    These 2 are from the main template, try replacing with div id of menu and no ul
       

1: Home

Most times a menu or link jump is from the IE 3px jog, but this looks bad on Ff and IE...

Re: CSS menu jumps

Posted: Tue May 27, 2008 10:16 am
by *denise*
You are absolutely fantastic!

That did the trick! Now it is displaying perfectly.

Thank you so much for the superfast reply.

Re: CSS menu jumps

Posted: Tue May 27, 2008 5:52 pm
by Dr.CSS
[solved]  ?...