SitePoint Sponsor

User Tag List

Results 1 to 10 of 10
  1. #1
    SitePoint Addict
    Join Date
    Sep 2001
    Posts
    320
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    aligning tabs to the right?

    http://www.craniumdesigns.com/bhn/partner/partner.html

    how do i get the tabs to go on the right side (along with their horizontal submenu below them), but still float the LI's in the right order? i could float right, but then the items display in reverse.

    i can't set a width because at some points there be more or less tabs depending on the user's privileges.
    Steve Davis

  2. #2
    SitePoint Member
    Join Date
    Oct 2007
    Location
    Australia
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Add float:right; to the UL without adding a width,

    Then use right:0; with the nested UL hover state

  3. #3
    SitePoint Addict
    Join Date
    Sep 2001
    Posts
    320
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks.

    it's working perfectly now in firefox, but in IE there are spaces in between the links vertically on the third level menu. also the parent tabs dissappear.

    any solutions?
    Steve Davis

  4. #4
    SitePoint Addict
    Join Date
    Sep 2001
    Posts
    320
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    *bump*

    anyone know how to fix these issues i'm having in IE?
    Steve Davis

  5. #5
    SitePoint Addict
    Join Date
    Sep 2001
    Posts
    320
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    ok, so i fixed the main tabs flickering on and off, but i can not for the life of me figure out what is causing the extra space below the drop down menu LI's.

    PLEASE HELP! i need to figure this out by the end of the day!
    Steve Davis

  6. #6
    SitePoint Addict
    Join Date
    Sep 2001
    Posts
    320
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i can fix it with an IE only margin-bottom:-4px, but evne though it LOOKS ok, the menu still hides once u mouse over the 2nd LI.
    Steve Davis

  7. #7
    SitePoint Addict
    Join Date
    Sep 2001
    Posts
    320
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    paul got me fixed up. thanks everyone
    Steve Davis

  8. #8
    Brevity is greatly overrated brandaggio's Avatar
    Join Date
    Dec 2005
    Posts
    1,424
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    So everyone knows the fix for the space on the bottom of the LI's, a bottom border did the trick for IE or did Paul suggest something else?

  9. #9
    SitePoint Addict
    Join Date
    Sep 2001
    Posts
    320
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i had to PM paul to get some real help. here's the solution i had to add to make it work...

    Code:
    nav ul li ul li ul li{float:left;clear:left}
    * html #nav ul li ul li ul{background:#fff}
    * html #nav ul li ul li ul li a {position:relative;height:1%}
    Steve Davis

  10. #10
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,343
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Sorry, I meant to post the solution in the thread but it was late and I forgot


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
  •