:: 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/dynamici...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.

Code:

<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:

Code:

<!DOCTYPE HTML>

For me that fixed the alignment issue.

Thread: :: jQuery Form to Form Wizard (v1.1)

Thread Tools

Search Thread

:: jQuery Form to Form Wizard (v1.1)

Bookmarks

Bookmarks

Posting Permissions