Question on spacings for Chrome CSS Drop Down Menu (v2.0)

[gnolasco]

1) Script Title: Chrome CSS Drop Down Menu (v2.0)

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamici...rome/index.htm

3) Describe problem:
I was trying to use the Chrome CSS drop down (see link above) but I wanted it to flush to the top and sides of the browser (see image below).

I couldn't seem to figure out where to change this setting. I was wondering if someone can point me to the right direction...

Any help is very much appreciated. Thanks, Geoff

Link to image: http://www.nolasco.us/chromeborders.jpg

[ddadmin]

Firstly, make sure that the BODY of your page is set to have no margins/padding, such as via the CSS code:

<style type="text/css">
body{
margin: 0;
padding: 0;
}
</style>

Then make sure the same goes for the .chromestyle class inside the .css file of the menu:

.chromestyle{
width: 99%;
font-weight: bold;
margin:0;
padding: 0;
}

This should do it, though untested.

[gnolasco]

Hi,
THANK YOU VERY MUCH. You've saved me a whole bunch of time.

I have another question related to the same script but I know it's more of a CSS question, I hope you don't mind if I post it

Here's the link to what I've already done for this menu:
http://tfish.nolasco.us/Geoff/demo.htm

I wanted to have the drop down menus in the middle (as it is now) and move the icon (home) all the way to the left and I wantto place a couple more icons all the way to the right. Any idea how I may be able to achieve it with this script?

Thanks again,
Geoff

[ddadmin]

Hmmm unfortunately it's difficult to have seperate alignment for a specific menu item within the menu- they're basically a group which can collectively be aligned left, center, or right. You'll have to play around with the CSS yourself to get the right effect.

[gnolasco]

OK, thanks for the help. I'll play around with it a bit more.

Here's the almost final setup of the menu in production:
http://www.forpals.com

Hmmm unfortunately it's difficult to have seperate alignment for a specific menu item within the menu- they're basically a group which can collectively be aligned left, center, or right. You'll have to play around with the CSS yourself to get the right effect.