Pleated Tabs Menu

[TheJoshMan]

1) CODE TITLE: Pleated Tabs Menu

2) AUTHOR NAME/NOTES: Josh Jones

3) DESCRIPTION: This is the result of me testing different methods to use the sliding doors method with a horizontal gradient image without showing any "seams". I also used a single "sprite" image to reduce HTTP requests.

4) URL TO CODE: http://eight7teen.com/DD/pleated/
(http://eight7teen.com/DD/pleated/)
or, ATTACHED BELOW (see #3 in guidelines below):

[magicyte]

Nice script. <suggestion> Try to change the text's cursor to 'hand' </suggestion>

i.e.



<style type="text/css">
.txt { cursor:hand; }
</style>
<div class="navbar">
<ul><li class="selected"><a href="http://eight7teen.com"><span class="txt">Home</span></a></li>
<li><a href="http://eight7teen.com"><span class="txt">About</span></a></li>
<li><a href="http://eight7teen.com"><span class="txt">Services</span></a></li>
<li><a href="http://eight7teen.com"><span class="txt">Portfolio</span></a></li>
<li><a href="http://eight7teen.com"><span class="txt">Contact</span></a></li></ul>
</div>

[TheJoshMan]

fixed.... I accidentally put the fix for that in the wrong conditional statement.

[magicyte]

Awesome- pure CSS! At first glance, I would have thought it was some JavaScript taking care of the work...:D

-magicyte