• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 370
  • Last Modified:

reposition drop down buttons

I needed to bump up my nav bar higher on the page so I added a  -80 margin to the "ul#nav " property.  Now, the drop downs for crankshaft and crankcase and really high.  I tried adding a margin to "li ul li a"  to bring them down but it didn't work.  Any ideas?
darkhorse.css
index.html
0
nsitedesigns
Asked:
nsitedesigns
  • 2
  • 2
2 Solutions
 
COBOLdinosaurCommented:
Need a link to the page.

Cd&
0
 
nsitedesignsAuthor Commented:
Sorry.  Thought including the files was the more preferred option.
http://nsitedesigns.com/nsitedesigns/darkhorse/index.html
0
 
COBOLdinosaurCommented:
For me a link is always preferable.  I can spen an hour digging through code to find something I can discover in 5 minutes with a diagnostic.

Your problems starts with invalid code in the form of duplicate id names.  If you run the validator and correct the errors which appear to be directly related to the problem, it will allow the CSS to be applied correctly and consistently.

Cd&
0
 
Ahmed HusseinCommented:
Try this it's more practical:
in line 124
li ul{
position: absolute;
left: 115px;
top: 0;
display: none;
}

Open in new window


in line 119

ul#nav li {
position: relative;
list-style: none;
}

Open in new window


~AG
0
 
nsitedesignsAuthor Commented:
Found the duplicate.  Ending up modifying the margin-top on the sidebar rather than on the nav.  thanks
0

Featured Post

[Webinar] Kill tickets & tabs using PowerShell

Are you tired of cycling through the same browser tabs everyday to close the same repetitive tickets? In this webinar JumpCloud will show how you can leverage RESTful APIs to build your own PowerShell modules to kill tickets & tabs using the PowerShell command Invoke-RestMethod.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now