Solved

line up drop down buttons

Posted on 2013-07-01
4
354 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
  • 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

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
Color can increase conversions, create feelings of warmth or even incite people to get behind a cause. If you want your website to really impact site visitors, then it is vital to consider the impact color has on them.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

820 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