menu css issue

Friday 21 January 2005 11:50:39 am

Hi Kevin, can you post a URL so we can see this, as well as the affected browser(s)?

Alex
[ bald_technologist on the IRC channel (irc.freenode.net): #eZpublish ]

<i>When in doubt, clear the cache.</i>

Saturday 22 January 2005 7:44:48 am

Alrighty, hopefully I can help a bit.

Concerning the wrapping of tabs to a second line. You can't really force this without using images as Firefox allows the user to override any font size, which is a good usability practice, but can be problematic from a designer's perspective.

To make it look like the Partner link above, you should make sure that you have assigned a background image to div#topmenu li div.spacing (copied from ezmain.css):

div#topmenu li div.spacing
{
    background-image: url(../images/tab-regular-right.gif);
    background-repeat: no-repeat;
    background-position: top right;
}

Then add this to your CSS (copied from ezmain.css):

div#topmenu li.last div.spacing
{
    background-image: none;
}

You have a lot of CSS files, so if you already have this, I apologize. A quick scan didn't present it though.

Does this help?

Alex
[ bald_technologist on the IRC channel (irc.freenode.net): #eZpublish ]

<i>When in doubt, clear the cache.</i>