Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

reposition drop down buttons

Posted on 2013-05-29
5
Medium Priority
?
367 Views
Last Modified: 2013-05-29
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
Comment
Question by:nsitedesigns
  • 2
  • 2
5 Comments
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39204649
Need a link to the page.

Cd&
0
 

Author Comment

by:nsitedesigns
ID: 39204707
Sorry.  Thought including the files was the more preferred option.
http://nsitedesigns.com/nsitedesigns/darkhorse/index.html
0
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 1000 total points
ID: 39204800
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
 
LVL 4

Assisted Solution

by:Ahmed Hussein
Ahmed Hussein earned 1000 total points
ID: 39204841
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
 

Author Comment

by:nsitedesigns
ID: 39204865
Found the duplicate.  Ending up modifying the margin-top on the sidebar rather than on the nav.  thanks
0

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article was originally published on Monitis Blog, you can check it here . Today it’s fairly well known that high-performing websites and applications bring in more visitors, higher SEO, and ultimately more sales. By the same token, downtime…
Dramatic changes are revolutionizing how we build and use technology. Every company is automating, digitizing, and modernizing operations. We need a better, more connected way to work together as teams so we can harness the insights from our system…
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

926 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question