nicer form layout (css) testing
authorHeiko Schlittermann (JUMPER) <hs@schlittermann.de>
Fri, 27 May 2011 17:11:58 +0200
branchtesting
changeset 21 d1d25ca0be3f
parent 19 81457c55a562
child 22 35e487d91ad9
nicer form layout (css)
tt2/overview
--- a/tt2/overview	Wed May 25 10:53:52 2011 +0200
+++ b/tt2/overview	Fri May 27 17:11:58 2011 +0200
@@ -1,5 +1,11 @@
 [%USE date%]
 <html>
+<style type="text/css"> 
+<!--
+    form#uploader > label { display:block; float:left; width:12ex; }
+    //form#uploader > label { display:inline-block; width:12ex; }
+--> 
+</style>
 <head>
     <title>Up &amp; Down</title>
 </head>
@@ -23,20 +29,27 @@
 wird die Datei automatisch gelöscht.
 <hr/>
 
-<div style='width:800px'>
-<form method=POST enctype="multipart/form-data">
-    <div style='float:left'>Filename:<br />Löschung in:</div>
-    <div style='float:right;text-align:right'><input name="upload" type="file"  style="width:600px"/><br /><select name="expires" style="width:100px" type=popup>
+<form id="uploader" method="POST" enctype="multipart/form-data">
+
+    <label for="upload">Filename:</label> 
+    <input id="upload" name="upload" type="file"/>
+    <br/>
+
+    <label for="expires">Löschung in:</label>
+    <select id="expires" name="expires" type=popup>
 	    <option value=1  [%sel.1 %]> 1 Tag  </option>
 	    <option value=7  [%sel.7 %]> 7 Tagen</option>
 	    <option value=10 [%sel.10%]>10 Tagen</option>
 	    <option value=30 [%sel.30%]>30 Tagen</option>
 	    <option value=90 [%sel.90%]>90 Tagen</option>
-	</select><br/><input type="submit" style="width:100px" value="Hochladen"/>
-    </div>
-    <dir style='clear:both'></dir>
+    </select>
+    <br/>
+
+    <label for="go"></label>
+    <input id="go" type="submit" name=".uploader" value="Hochladen"/>
+    <br/>
+
 </form>
-</div>
 
 [%IF files.size%]
 <hr/>
@@ -63,3 +76,5 @@
 [%INCLUDE footer%]
 </body>
 </html>
+[%# vim:ft=html: 
+%]