Forum Moderators: not2easy

Message Too Old, No Replies

CSS menu bar coding question

Making menu bar links appear to the left of the "invisible box" it's in

         

Stoneroses6300

1:09 pm on Apr 14, 2009 (gmt 0)

10+ Year Member



Hi everyone. This is my first question to the Webmaster forum. Hopefully somebody can help me on this issue.

The website is <snip>

In the Menu Bar section of the CSS, what would I change to make the menu bar links shifted to the left within the invisible box they're enclosed in? As you see, if you click on any of the links (in the menu bar), a broken lined box appears around it, and the links appear right in the middle of it. How would I make the links shifted to the left of these boxes? The reason I ask is because if you look under "Locations", I have that suckerfish dropdown menu (wordpress plugin version), but the dropdown boxes don't drop right under the "L" in Locations from the start. The start of the drop down box starts exactly where that "invisible box" starts that encloses "Locations". So if I move over the "Locations" word to the beginning of that box, it will look more in order. What CSS command could take care of this? Thank you.

-Brian

[edited by: swa66 at 1:29 pm (utc) on April 14, 2009]
[edit reason] No personal URLs please see ToS and forum charter [/edit]

swa66

2:14 pm on Apr 14, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Dropdown menus usually use relative positioning to have the first level <li> gain positioning so that children of it can use absolute positioning relative to tat parent's position.

So you seek statements for top/left/right/bottom on the second level <ul>, and/or padding or margins on them.