[eluser]jayrulez[/eluser]
here's an example of how i build a for using div. its pretty wordy but also formatted pretty good
Code:
<div id="quicksignup-col" class="clearfix">
<div id="quicksignup-col-content">
<div id="quicksignup">
<div id="quicksignup-header">
<div id="quicksignup-title">{%signup_title}</div>
<div id="quicksignup-subtitle">{%signup_subtitle}</div>
</div>
<form id="quicksignup-form" action="{:url('','','signup','',array('ajax'=>1))}" method="post">
<div id="quicksignup-form-content">
<div class="quicksignup-item clearfix">
<div class="quicksignup-label">
<label for="quicksignup-fullname">{%signup_fullname}</label>
</div>
<div class="quicksignup-field">
<input type="text" name="truename" id="quicksignup-fullname" class="inputtxt" value=""/>
</div>
</div>
<div class="quicksignup-item clearfix">
<div class="quicksignup-label">
<label for="quicksignup-email">{%signup_email}</label>
</div>
<div class="quicksignup-field">
<input type="text" name="email" id="quicksignup-email" class="inputtxt" value=""/>
</div>
</div>
<div class="quicksignup-item clearfix">
<div class="quicksignup-label">
<label for="quicksignup-password">{%signup_password}</label>
</div>
<div class="quicksignup-field">
<input type="password" name="password" id="quicksignup-password" class="inputpwd" value=""/>
</div>
</div>
<div class="quicksignup-item clearfix">
<div class="quicksignup-label">
<label for="quicksignup-gender">{%signup_gender}</label>
</div>
<div class="quicksignup-field">
<select name="gender" id="quicksignup-gender">
<option value="0">{%signup_gender_select}</option>
<option value="1">{%signup_gender_male}</option>
<option value="2">{%signup_gender_female}</option>
</select>
</div>
</div>
<div class="quicksignup-item clearfix">
<div class="quicksignup-label">
<label for="quicksignup-birthday-month">{%signup_birthday}</label>
</div>
<div class="quicksignup-field">
<select name="birthday_month" id="quicksignup-birthday-month">
<option value="00">{%signup_birthday_month}</option>
<!--<volist name="monthList" id="month">-->
<option value="{$month.id}">{$month.name}</option>
<!--</volist>-->
</select>
<select name="birthday_day" id="quicksignup-birthday-day">
<option value="00">{%signup_birthday_day}</option>
<!--<volist name="dayList" id="day">-->
<option value="{$day.id}">{$day.id}</option>
<!--</volist>-->
</select>
<select name="birthday_year" id="quicksignup-birthday-year">
<option value="00">{%signup_birthday_year}</option>
<!--<volist name="yearList" id="year">-->
<option value="{$year.id}">{$year.id}</option>
<!--</volist>-->
</select>
</div>
</div>
<div class="quicksignup-item last clearfix">
<div class="quicksignup-label">
<label> </label>
</div>
<div class="quicksignup-field">
<input type="submit" class="inputsubmit-b" id="quicksignup-submit">
</div>
</div>
</div>
<div id="quicksignup-form-captcha">
captcha div
</div>
</form>
<div id="quicksignup-process" class="process">
</div>
<div id="quicksignup-error" class="error">
</div>
</div>
</div>
</div>