Tab should automatically increse and decrease?

admin · Jan 11, 2008

I have tab structure in my table. There are 3 tds. i have placed the image curve for left side and right side middle td having text message, based on the Text length the tab should automatically increse and decrease?
Is it possible through javascript? Anyone help me on this.

thanks

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style>
.middleTab {
background-color:#FEF8F1;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
color: #0053A6;
border-top-color: black;
border-top-style: solid;
border-top-width: 1px;
}
</style>

</HEAD>
<BODY bgcolor="#FEF8F1">
<table border="0" align="center" width="900" cellpadding="0" cellspacing="0" >
<tr bgcolor="#FEF8F1">
<td width="9">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"leftDrk.gif">
</td>
<td align="center" class="middleTab">SampleLink</td>
<td width="9">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"rightDrk.gif">
</td>
</tr>
</table>
</BODY>
</HTML>There's no need to use a table and there's no need to use JavaScript.

Take a look at these articles to see how to create tabs that will expand and contract as the text requires.
<a class="postlink" href="http://www.alistapart.com/articles/slidingdoors">http://www.alistapart.com/articles/slidingdoors</a>
<a class="postlink" href="http://www.alistapart.com/articles/slidingdoors2">http://www.alistapart.com/articles/slidingdoors2</a>

Tab should automatically increse and decrease?

admin

Administrator