CSS Tabs and Floats

Discussion in 'CSS' started by THT, Jan 2, 2008.

0
  1. #1
    Im trying to do some css stuff with tabs and having a few issues

    I want a row of tabs with some text underneath - so i floated them.

    but then i have an issue with the text below:

    Example

    Any ideas?
    Ive tried using clear:both at random but with no luck!
     
    THT, Jan 2, 2008 IP
  2. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Uh, I need a picure of what you want. : )
     
    Stomme poes, Jan 2, 2008 IP
  3. ultraonix

    ultraonix Peon

    Messages:
    43
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Hello,

    <div style="clear:both;">
    text here that wraps up!
    </div>

    This should bring the text down. If you need both tabs on the same line, use float. Else remove it.

    Thanks!

    -Rose
     
    ultraonix, Jan 2, 2008 IP
  4. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #4
    That's my response too - without seeing what it is that's trying to be accomplished, the code is gibberish... The only thing I can say with certainty is that whatever it is you are TRYING to do, that's not how you do it. Clear goes AFTER floats - not around them, class addition/subtraction when you could reduce the CSS 50% by parsing - lack of property condensing, DIV's around two items that if they are tabs, should likely be a LIST... and I'm not sure how given the short length, but it appears to have a nasty case of classitus.
     
    deathshadow, Jan 2, 2008 IP