Solved

drop down list alignment

Posted on 2011-09-22
3
247 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
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 500 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

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…

911 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

Need Help in Real-Time?

Connect with top rated Experts

25 Experts available now in Live!

Get 1:1 Help Now