PDA

View Full Version : Chrome CSS Menu



Max_Current
04-02-2006, 06:03 PM
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
04-02-2006, 06:13 PM
Try taking things off of the page until it gets better.

jscheuer1
04-02-2006, 07:21 PM
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
04-03-2006, 12:05 PM
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
04-03-2006, 12:47 PM
Also, how would I space out the top links for the drop down menus?

jscheuer1
04-03-2006, 03:04 PM
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
04-03-2006, 03:57 PM
Thanks; I must be asleep today! :(

Max_Current
04-03-2006, 06:29 PM
OK, got another one. How do I centre the text forming the headers for the menus? (i.e. not left aligned)

jscheuer1
04-04-2006, 05:29 AM
The headers look centered to me in the demo.