SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Addict
    Join Date
    Jul 2004
    Location
    Jed.
    Posts
    245
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Flyout menu touches

    Hello,

    I need your help in fine tuning this menu. I am having a hard time aligning the sub (flyout) menu to the toplevel menu to look like amazon's menu

    http://testriva.com/menu/



    Thank you

    OOzy

  2. #2
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,762
    Mentioned
    13 Post(s)
    Tagged
    0 Thread(s)
    Could you be more specific? I went to amazon.com but wherei's their dropdown?

    Could you be more specific, also, as to what you want it to look like?
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  3. #3
    SitePoint Addict
    Join Date
    Jul 2004
    Location
    Jed.
    Posts
    245
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello,
    I have attached snapshots of Amazon and menu showing the problems in my menu.

    Thank you
    HAB
    Attached Images Attached Images

  4. #4
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,762
    Mentioned
    13 Post(s)
    Tagged
    0 Thread(s)
    We have to wait for them to be approved and I believe faster answers coudl be given if you just upload them to tinypic or some other site and then post the live link here .

    Otherwise we would have to wait for a moderator to approve it (by then we might forget about this thread )

    Off Topic:


    Dinner time! Yum
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,555
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Something like this perhaps?
    Code:
    #menu ul li:hover > ul {
        right:100%;
        margin-top:-24px;/* was 23*/
        margin-right:-1px;
    }
    #menu ul ul{padding:0;}
    #menu ul#toplevel li {
        margin:0 0 0 0;/* was 1px */
        padding:1px 0 0;/* was zero*/
        list-style:none;
    }

  6. #6
    SitePoint Addict
    Join Date
    Jul 2004
    Location
    Jed.
    Posts
    245
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Right on!

    Thank you all


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
  •