SitePoint Sponsor

User Tag List

Results 1 to 9 of 9

Thread: CSS menu how to

Threaded View

  1. #1
    SitePoint Addict tlacaelelrl's Avatar
    Join Date
    Apr 2011
    Location
    Mexico city, Mexico
    Posts
    353
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    CSS menu how to

    Hello!

    I am trying to build a menu but I am new to CSS and am not getting the expected results, basically I am trying to hide the sub menus and display them on hover, it does work however the parent item is taking too much space and have not been able to figure out how to, you can see what I'm talking about here http://ury-yolotl.com/test/menu.html

    The main menu items at first, when the sub menu is hidden use only the necessary width to cover the word however when hovering over it the child ul is displayed horizontally taking up much more space and forcing the parent item to use up too much space, I am trying to put the main items horizontally and the child uls vertically and also that when I hover over the items the width of the main item is not affected.

    Any help is appreciated

    Edit:

    Okay, I have managed to put the uls in a vertical position however I am still having the problem with the width although is not as bad as it was, if someone has an idea on how I can make the parent li not expand with the child ul will be much appreciated.
    Last edited by tlacaelelrl; Feb 3, 2012 at 14:34. Reason: changes
    Do you get bothered because I do the same thing every day?
    Do you question why I do it?
    Then find something that you actually like doing!!!

    Stop thinking on what I do.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •