added alignment section to demonstrate a vertical alignment problem w…

…ith various elements Signed-off-by: Joshua Clayton <jclayton@fusionary.com>
nborwankar · May 27, 2009 · d875a72 · d875a72
1 parent 056483d
commit d875a72
Showing 1 changed file with 65 additions and 0 deletions.
diff --git a/tests/parts/forms.html b/tests/parts/forms.html
@@ -90,6 +90,71 @@ <h1>Forms</h1>
       </fieldset>
 
     </div>
+
+		<div class="span-24 last">
+
+			<fieldset>
+        <legend>Alignment</legend>
+
+    		<p>
+					<label for="dummy5">Select field</label>
+    		  <select id="dummy5" name="dummy5">
+    			  <option value="1">Ottawa</option>
+    			  <option value="2">Calgary</option>
+    			  <option value="3">Moosejaw</option>
+    		  </select>
+        </p>
+
+    		<p>
+					<label for="dummy6">Text input (title)</label>
+    		  <input type="text" class="title" name="dummy6" id="dummy6" value="Field with class .title">
+				</p>
+
+				<p>
+					<label for="dummy7">Select field</label>
+    		  <select id="dummy7" name="dummy7">
+    			  <option value="1">Ottawa</option>
+    			  <option value="2">Calgary</option>
+    			  <option value="3">Moosejaw</option>
+    		  </select>
+					<label for="dummy8">Another field</label>
+      		<input type="text" class="text" id="dummy8" name="dummy8" value="Field with class .text"></p>
+        </p>
+
+				<form action="" method="post">
+					<div class="span-3">
+						<label for="a">Label A:</label>
+						<select id="a" name="a" >
+							<option value="0">All</option>
+						</select>
+					</div>
+					<div class="span-2">
+						some text
+					</div>
+					<div class="span-3">
+						<input type="checkbox" id="o" name="o" value="true"	checked="checked" />checkbox one
+					</div>
+					<div class="span-3">
+						<label for="b">Label B:</label>
+						<select id="b" name="b" >
+							<option value="0">All</option>
+						</select>
+					</div>
+					<div class="span-2">
+						<a href="">A Hyperlink</a>
+					</div>
+					<div class="span-8">
+						<input type="text" class="text" id="q" name="q" value="Field with class .text" />
+					</div>
+					<div class="span-2 last">
+						<input type="submit" value="submit" />
+					</div>
+				</form>
+
+      </fieldset>
+
+		</div>
+
     <hr>
 
     <p><a href="http://validator.w3.org/check?uri=referer">