SitePoint Sponsor

User Tag List

Results 1 to 7 of 7

Thread: CSS Tabs

  1. #1
    SitePoint Wizard Darren884's Avatar
    Join Date
    Aug 2003
    Location
    Southern California, United States
    Posts
    1,616
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS Tabs

    Are there any online tutorials for CSS tabs?
    Have a good day.

  2. #2
    SitePoint Addict markchivs's Avatar
    Join Date
    Oct 2004
    Location
    Malvern Hills, UK
    Posts
    233
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If an example will do this seems simple enough:

    http://www.southerntwilight.com/tutorials/version4.html

    I just did a search on google

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

    If you want some more examples then Sitepoint has its own article on tabs here:

    http://www.sitepoint.com/article/accessible-menu-tabs

    and the usual suspects also have tutorials here.

    http://www.alistapart.com/articles/slidingdoors/
    http://diveintomark.org/archives/200.../pure_css_tabs

    Or my feeble attempt here:

    http://www.pmob.co.uk/temp/tabmenu_mine.htm

    Paul

  4. #4
    SitePoint Wizard Darren884's Avatar
    Join Date
    Aug 2003
    Location
    Southern California, United States
    Posts
    1,616
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    NM guys I am using javascript instead. That way I dont have to use iframes.
    Have a good day.

  5. #5
    SitePoint Wizard silver trophybronze trophy Nadia P's Avatar
    Join Date
    Oct 2004
    Location
    NSW Australia
    Posts
    3,564
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Paul O'B
    Paul,

    is your attempt cross browser compatible - ie: Mac and say ie 5.5 ??
    (don't have these to test myself)

    Looks good btw :-)
    Now to see how one would add the sub nav on the other tabs.........

    Nadia

  6. #6
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,526
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Hi,
    is your attempt cross browser compatible - ie: Mac and say ie 5.5 ??
    The version above is fine in ie 5.5. but needs a little hack for ie5 and mac ie5.

    Heres a version that works in ie5 - 6 and ie5.1 mac.

    http://www.pmob.co.uk/temp/tabmenu_mine2.htm

    Now to see how one would add the sub nav on the other tabs.........
    Well you could just hard code them in the html on each page. Or alternatively give the body a different id on each page for each menu item and use that to target the link you want shown.

    Paul

  7. #7
    SitePoint Wizard silver trophybronze trophy Nadia P's Avatar
    Join Date
    Oct 2004
    Location
    NSW Australia
    Posts
    3,564
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Paul

    will be checking this out more closely - particularly your cross browser version :-)

    Thanks !

    Nadia


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
  •