PDA

View Full Version : :: jQuery Form to Form Wizard (v1.1)



chadlexmorgan
05-27-2011, 02:21 PM
1) Script Title: :: jQuery Form to Form Wizard (v1.1)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex16/formwizard.htm

3) Describe problem: Trouble customizing the script. when I change the words above each input box and/or radio button it wraps around in a column in stead of horizontially. Here is the HTML that I have, you can see the css, and js files at the link above.


<fieldset class="sectionwrap">
<legend>Basic Information</legend>
Name:<br /> <input id="username" type="text" size="35" /><br />
Email:<br /> <input id="email" type="text" size="35" /><br />
Phone:<br /> <input id="phone" type="text" size="12" /><br />
I work for:<br /> <input id="job" type="text" size="15" /><br />
Name and age of child(ren):<br /> <input id="childern" type="text" size=" 35" /><br />
Pets:<br /> <input id="pet" type="text" size="6" /><br />
City & State:<br /> <input id="citystate" type="text" size="20" /><br /> </fieldset>

<fieldset class="sectionwrap">
<legend>Preferences</legend>
Projected move date:<br /> <input id="movedate" type="text" size="35 " /><br />
I currently:<br /> Rent<input type="radio" id="rent" size="35" /> Own<input type="radio" id="own" size="35" /><br />
</fieldset>

<fieldset class="sectionwrap">
<legend>Comments</legend>

Any additional insturctions:<br /> <textarea id="feedback" style="width:350px;height:150px"></textarea><br />

<input type="submit" />

</fieldset>
</form>

ddadmin
05-28-2011, 07:38 PM
I see this problem only in IE (not FF for example). Does your page contain a valid doctype at the very top:


<!DOCTYPE HTML>

For me that fixed the alignment issue.