Thursday, June 19, 2008

Creating HTML forms using div elements instead of table

Creating HTML forms without using <table> tag

<html>

<head>
<style>
#frm_div .lbl, .ww_input {width:100px; float:left; padding:5px;}
#frm_div .lbl {text-align:right;}
#frm_div li {float:none; clear:both;list-style:none;}
</style>
</head>

<body>

<ul id="frm_div">
<li>
<div class="lbl"><label>user</label></div>
<div class="ww_input"><input type="input"/></div>
</li>
<li>
<div class="lbl"><label>user1</label></div>
<div class="ww_input"><input type="input"/></div>
</li>
</ul>

</body>
</html>

0 comments:

Post a Comment