Pls help me convert this table into div :'(
Posted: Thu Dec 09, 2010 9:42 pm
Code: Select all
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="3"><img src="images/table_tl.gif" /></td>
<td class="table_content_tm txt_16_white" align="left">Login Page</td>
<td width="3"><img src="images/table_tr.gif" /></td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="table_content_m">
<table cellpadding="1" cellspacing="0" width="100%">
<tr>
<td bgcolor="#FFFFFF">
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="table_content_bg" valign="top" align="center" style="padding:30px 0px;">
<table cellpadding="0" cellspacing="0">
<tr>
<td>
<table cellpadding="0" cellspacing="0">
<tr>
<td class="txt_16 pad_10_right" style="color:#666666;" align="right">ID :</td>
<td>
<table cellpadding="0" cellspacing="0">
<tr>
<td width="3"><img src="images/curve_login_l.gif" /></td>
<td style="background:#F9FDFF; border-top:1px solid #A4A6A7; border-bottom:1px solid #D5D9DA;"><input name="" type="text" style="width:254px; border:0px; background:none;" class="txt_14" /></td>
<td width="3"><img src="images/curve_login_r.gif" /></td>
</tr>
</table>
</td>
</tr>
<tr><td colspan="2"><img src="images/b.gif" height="5" width="1" /></td></tr>
<tr>
<td class="txt_16 pad_10_right" style="color:#666666;" align="right">password :</td>
<td>
<table cellpadding="0" cellspacing="0">
<tr>
<td width="3"><img src="images/curve_login_l.gif" /></td>
<td style="background:#F9FDFF; border-top:1px solid #A4A6A7; border-bottom:1px solid #D5D9DA;"><input name="" type="password" style="width:254px; border:0px; background:none;" class="txt_14" /></td>
<td width="3"><img src="images/curve_login_r.gif" /></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr><td><img src="images/b.gif" height="10" width="1" /></td></tr>
<tr><td align="right"><a href="#" onMouseOut="swapImgRestore();" onMouseOver="swapImage('loginmain','','images/btn_loginmain_b.png',1);"><img src="images/btn_loginmain.png" name="loginmain" id="loginmain" /></a></td></tr>
<tr><td><img src="images/b.gif" height="10" width="1" /></td></tr>
<tr>
<td align="left">
<table cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/bullet_arrow.gif" /></td>
<td><a href="#" class="link_12">text here</a></td>
</tr>
<tr>
<td><img src="images/bullet_arrow.gif" /></td>
<td><a href="#" class="link_12">Text here</a></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>