?
Solved

drop down list alignment

Posted on 2011-09-22
3
Medium Priority
?
262 Views
Last Modified: 2012-05-12

here is my menu site
as you see some of drop down list aren't alignment well in the first and the third one it goes to the left it doesn't centered well i try to fix it but i failed could some one help me

 test.zip
0
Comment
Question by:YUYU
[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
3 Comments
 
LVL 12

Expert Comment

by:Ramkisan Jagtap
ID: 36585129
Chane your CSS class below:

div#menu li div {
border: #000099 ;
    list-style: none;
    float: right;
    position: absolute;
    z-index: 11;
    top: 45px;
     visibility: hidden;
      padding: 0;
    background: url(images/submenu-top.png) no-repeat 0px 0;
    -background: url(images/submenu-top.gif) no-repeat 0px 0;
}

I have deleted
 left: -125px;
 -left: 30px;
  margin: 0px 0 0 85px;

These atributes from that class.

Regards,
Ram
0
 

Author Comment

by:YUYU
ID: 36585269
no that's not what i mean
look at the picture below i wanna make result like the second one
Untitled-1.png
0
 
LVL 12

Accepted Solution

by:
Dean OBrien earned 2000 total points
ID: 36595002
Add this to menu.css

ul.menu li#ford div ul.sub {margin-left:50px}

This will move the sub menu of the third drop down menu. You will then have to change the background image of the hover of the top menu item.

Using this technique you can alter the res.

Easynow
0

Featured Post

Learn by Doing. Anytime. Anywhere.

Do you like to learn by doing?
Our labs and exercises give you the chance to do just that: Learn by performing actions on real environments.

Hands-on, scenario-based labs give you experience on real environments provided by us so you don't have to worry about breaking anything.

Question has a verified solution.

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

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
This article discusses how to create an extensible mechanism for linked drop downs.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
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…
Suggested Courses

762 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