Solved

line up drop down buttons

Posted on 2013-07-01
4
365 Views
Last Modified: 2013-07-01
I had to change this nav bar from horz to vert.  Still working out the kinks.  How do I line up the drop downs for the Programs button.  They appear even with the Openings button but really should be up by the Programs.

http://www.childsplayonsuperior.com/1.html
0
Comment
Question by:nsitedesigns
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
4 Comments
 
LVL 38

Accepted Solution

by:
Tom Beck earned 500 total points
ID: 39290797
Take out the definition for #nav li > ul at line 159.

For #nav li ul at line 152:

#nav li ul {
    display: none;
    font-size: 12px;
    left: 118px;
    position: absolute;
    top: 0;
}

At line 147 take out the padding for the anchor tags:

#nav li li a {
    text-align: left;
    width: 150px;
}
0
 

Author Comment

by:nsitedesigns
ID: 39291082
nope - - didn't fix.  dropdowns still under main nav bar.
0
 
LVL 38

Expert Comment

by:Tom Beck
ID: 39291182
You missed the first instruction:
Take out the definition for #nav li > ul at line 159.
0
 

Author Closing Comment

by:nsitedesigns
ID: 39291241
perfect - thanks!
0

Featured Post

WordPress Tutorial 4: Recommended Plugins

Now that you have WordPress installed, understand the interface, and know how to install new parts, let’s take a look at our recommended plugins.

Question has a verified solution.

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

Does your audience prefer people in photos or no people? How can you best highlight what you’re selling? What are your competitors doing, and what can you do that is different and unique from them?  Continue reading to learn how to make your images …
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

617 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