Scott Blaine » tabs http://scottblaine.com Omaha web developer Wed, 12 Oct 2011 01:00:22 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Image-free tabs with clean CSS http://scottblaine.com/image-free-tabs-with-clean-css http://scottblaine.com/image-free-tabs-with-clean-css#comments Sun, 30 Aug 2009 01:00:17 +0000 Scott http://scottblaine.com/?p=370 It’s slightly amazing to me how hard it is to find someone that has image-free tabs that have clean CSS. I found a lot of articles on sliding-door tabs (requiring images) and a few articles that required CSS for each individual tab (yuck!). And what I wanted wasn’t even complex:

tabs

Simple, right? I sure wasn’t going to go reinvent the wheel by writing my own CSS for them though. Thankfully after searching for a bit I came across SimpleBits’ Mini Tabs. I didn’t want mini-tabs, but the HTML and CSS was remarkably clean. Only 4 CSS declarations on a simple HTML list with a class=”active” for the current tab. With some modification to the CSS I was able to come up with tabs that looked like the above (even looks good in IE7, amazingly).

So, if you want some decent looking/functioning tabs go yank the HTML/CSS from the above link.

]]> http://scottblaine.com/image-free-tabs-with-clean-css/feed 0