SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Thread: CSS tabs

  1. #1
    Mlle. Ledoyen silver trophy seanf's Avatar
    Join Date
    Jan 2001
    Location
    UK
    Posts
    7,168
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS tabs

    I want to use these CSS tabs, but they don't work properly in Opera. The tabs always squash up together, although it is better in the latest version. If I remove #tabs a,span { width: 90px; } the tabs work, but I want the tabs to have a uniform width

    Any suggestions?

    Sean
    Harry Potter

    -- You lived inside my world so softly
    -- Protected only by the kindness of your nature

  2. #2
    webdesign Percept's Avatar
    Join Date
    Jan 2003
    Location
    Belgium
    Posts
    397
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Maybe try List-o-matic that code should work in the majority of browsers, including Opera.


  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,350
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi Sean,

    Just add an appropriate width to your floated list.

    Code:
    #tabs li { float: left; width:110px;}
    Floats should always have a width otherwise they may default to zero or 100% depending on browser.


    Hope that helps.

    Paul

  4. #4
    Mlle. Ledoyen silver trophy seanf's Avatar
    Join Date
    Jan 2001
    Location
    UK
    Posts
    7,168
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Perfect! Thank you so much Paul

    Sean
    Harry Potter

    -- You lived inside my world so softly
    -- Protected only by the kindness of your nature


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
  •