Chrome CSS Menu

[Max_Current]

Hi guys,

It's running on http://oscar.oundle.org/static/chrome but I get problem on the rollover part. You can see for yourselves that there seems to be a delay in the mouse over part; the divider disappears for a second and it all seems a bit sluggish.

Any ideas, no-body seems to be able to fix it?

[jscheuer1]

Try taking things off of the page until it gets better.

[jscheuer1]

I was a little bored so I did the work for you. Apparently it is your server. The images are served too slowly for IE. If I use:

#chromemenu ul li a{
float: left;
color: #7F7F7F;
font-weight: bold;
padding: 6px 12px 6px 7px;
text-decoration: none;
background: url(http://oscar.oundle.org/general/headerbar/chrometheme/divider.gif) center right no-repeat; /*Theme Change here*/
}

I get the problems, if I do:

#chromemenu ul li a{
float: left;
color: #7F7F7F;
font-weight: bold;
padding: 6px 12px 6px 7px;
text-decoration: none;
background: url(http://www.dynamicdrive.com/dynamicindex1/chrome/chrometheme/divider.gif) center right no-repeat; /*Theme Change here*/
}

No problem.

And this is all with the default demo version of the menu.

Now, DON'T LINK TO DD FOR YOUR IMAGES but, you could get an image host perhaps, like photobucket or something. That may or may not help.

[Max_Current]

Cheers for that; one final point - how do you change the colour of the text when it is a visited hyperlink (at the moment its going blue).

Thanks,

Max

[Max_Current]

Also, how would I space out the top links for the drop down menus?

[jscheuer1]

For visited color same as unvisited color either remove your page's global visited settings or add a custom visited for the menu:

#chromemenu ul li a:visited {
color:red;
}

For wider header items, increase the red numbers

#chromemenu ul li a{
float: left;
color: #7F7F7F;
font-weight: bold;
padding: 6px 12px 6px 7px;
text-decoration: none;
background: url(divider.gif) center right no-repeat; /*Theme Change here*/
}

[Max_Current]

Thanks; I must be asleep today!

[Max_Current]

OK, got another one. How do I centre the text forming the headers for the menus? (i.e. not left aligned)

[jscheuer1]

The headers look centered to me in the demo.