HyperHawk » CSS http://notes.hyperhawk.com Development Notes Thu, 27 May 2010 19:08:22 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 CSS Tabs http://notes.hyperhawk.com/css/css-tabs-163.htm http://notes.hyperhawk.com/css/css-tabs-163.htm#comments Mon, 19 Oct 2009 18:47:50 +0000 HyperHawk http://notes.hyperhawk.com/?p=163 Simple CSS Tabs:

<style type="text/css">
#tabs { height:20px; margin:0; padding-left:10px; background:url(css-tabs.gif) repeat-x bottom; }
#tabs li { margin:0; padding:0; display:inline; list-style-type:none; }

#tabs a:link, #tabs a:visited { float:left; background:#f3f3f3; line-height:14px; padding:2px 10px 2px 10px; margin-right:4px; border:1px solid #cccccc; text-decoration:none; color:#666666; }

#tabs a:link.active, #tabs a:visited.active { border-bottom:1px solid #ffffff; background:#ffffff; color:#000000; }
#tabs a:hover { background:#ffffff; }

</style>

<ul id="tabs">
<li><a href="#">First Tab</a></li>
<li><a href="#">Second Tab</a></li>
<li><a href="#">Third Tab</a></li>
<li><a href="#">Last Tab</a></li>
</ul>

]]> http://notes.hyperhawk.com/css/css-tabs-163.htm/feed 0 DIV Rounded Corners http://notes.hyperhawk.com/css/div-rounded-corners-160.htm http://notes.hyperhawk.com/css/div-rounded-corners-160.htm#comments Mon, 19 Oct 2009 18:16:19 +0000 HyperHawk http://notes.hyperhawk.com/?p=160 Use JS/CSS for DIV rounded corners (rounded_corners.js):

www.curvycorners.net

]]> http://notes.hyperhawk.com/css/div-rounded-corners-160.htm/feed 0