Help with tab page

Edward King · August 11th, 2005, 09:45 PM

I want to design a tab page,like follows:
___________
|Tab1 | Tab2|
--------------------
|Â¡Â¡Â¡Â¡Â¡Â¡Â¡Â¡Â¡Â¡Â¡Â¡Â¡Â¡Â¡Â¡Â¡Â¡Â¡Â¡|
|Â¡Â¡Â¡Â¡Â¡Â¡Â¡Â¡Â¡Â¡Â¡Â¡Â¡Â¡Â¡Â¡Â¡Â¡Â¡Â¡|
---------------------

The color of Tab1 and Tab2 are black,when I click Tab1,the Tab1 change color from black to white,when I click Tab2,the Tab2 change color from black to white and the Tab1 restore its color to black at the same time.

I don't know how to realize it. Would you give some example code? My code is follows:
<table width="100%" height="60" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="25" valign="bottom" bgcolor="#2E5B78">
<table width="400" height="25" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="75" align="center" bgcolor="#FFFFFF"><a href="main.htm" target="mainFrame" class="BLink">Tab1</a></td>
<td width="75" align="center"><a href="main2.htm" target="mainFrame" class="CLink">Tab2</a></td>
</tr>
</table>
</td>
</tr>
</table>

Any idea will be appreciated!

charul_shukla · August 12th, 2005, 05:01 AM

A simple search on google will return the following :

http://www.alistapart.com/articles/slidingdoors/

http://labs.silverorange.com/archive.../updatedsimple

http://www.clagnut.com/sandbox/cssta...ngtext=csstabs

Charul Shukla