Css Tabs

Discussion in 'CSS' started by gireeshgv, Apr 6, 2006.

0
  1. #1
    Hi all
    Any one help me to create a max and min tab.Means if i click on + button it will shown in the page and if i click - it will go upwards. i am creating this page in tables. please help me it si urgent:confused:
     
    gireeshgv, Apr 6, 2006 IP
  2. the_pm

    the_pm Peon

    Messages:
    332
    Likes Received:
    33
    Best Answers:
    0
    Trophy Points:
    0
    #2 
    <div id="tabme">
[All of that messy table code you want to show and hide goes here]
</div>
<p><a href="javascript:document.getElementById('tabme').style.display='block'">+</a> | <a href="javascript:document.getElementById('tabme').style.display='none'">-</a></p>
    Code (markup):
     
    the_pm, Apr 6, 2006 IP
  3. 87654321

    87654321 Well-Known Member

    Messages:
    317
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    110
    #3
    @the_pm: GREAT CODE! Thanks!
     
    87654321, Apr 9, 2006 IP
  4. penagate

    penagate Guest

    Messages:
    277
    Likes Received:
    17
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Hi,

    Seriously advise you to use <div> tags for layouts instead of tables as it makes stuff like this much easier and also keeps the page friendly for bots, mobile devices, accesibility browsers etc. :)

    Also, to hide a cell/row from a table and have the layout retained you can use the CSS style visibility:collapse.

    - P
     
    penagate, Apr 9, 2006 IP