View Full Version : Formatting of the Chrome Menu

end the war now
04-29-2006, 12:51 AM
I'm using the lovely chrome menu:

But I'm curious about the look of it. I was wondering if there is a way to have it so that there is no "extra" non-button graphic showing up after the last nav button in the menu. You know, that nub that shows up? I have tried fudging it so that my table cell is just right but that's not working as well as I wanted it too.

I see that some people have just set the background of their nav to be the same color as the background of thier page, which is a fine solution if it's the only solution I have.

Just wondering if there is something more code-y to deal with this.

04-30-2006, 05:06 AM
Do you mean the divider that appears to the right of each menu lihk, that you wish to remove this image for the very last menu item? If so, you can try something like:


<li><a href="http://www.dynamicdrive.com">Home</a></li>
<li><a href="#" onMouseover="cssdropdown.dropit(this,event,'dropmenu1')">Resources</a></li>
<li><a href="#" onMouseover="cssdropdown.dropit(this,event,'dropmenu2')">News</a></li>
<li><a href="http://cnn.com" onMouseover="cssdropdown.dropit(this,event,'dropmenu3')" style="background-image: none" >Search</a></li>

The part in red is new.

end the war now
04-30-2006, 05:20 PM
Thank you so much for your response, but it is not the divider I am refering to. http://cut-it-up.com/ddrivemenu.gif It's the bit of extra bg image sticking out past the last divider image.

I'm assuming that the script is drawing another button, but I don't know how the script works.

Thanks again for your help.