PDA

View Full Version : Question on spacings for Chrome CSS Drop Down Menu (v2.0)



gnolasco
08-16-2006, 02:30 PM
1) Script Title: Chrome CSS Drop Down Menu (v2.0)

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex1/chrome/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
08-16-2006, 05:40 PM
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
08-16-2006, 07:10 PM
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
08-17-2006, 03:52 AM
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
08-17-2006, 01:44 PM
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.