HTML Formular gestalten...
Verfasst: Dienstag 20. Dezember 2005, 17:25
Ich bin gerade auf der Suche nach eine schönen Gestaltung einers html Formulars für PyLucid...
Bisher habe ich einfach Tabellen genommen... Ist IMHO auch fast ein tabellarischer Inhalt... Aber schöner wäre es mit CSS.
Ich hab verschieden Sachen Probiert, bekomme es aber einfach nicht hin:
Meine alte Variante: http://pylucid.python-hosting.com/file/ ... html?rev=5
direkt zum ansehen:
http://pylucid.python-hosting.com/file/ ... format=raw
Bisher habe ich einfach Tabellen genommen... Ist IMHO auch fast ein tabellarischer Inhalt... Aber schöner wäre es mit CSS.
Ich hab verschieden Sachen Probiert, bekomme es aber einfach nicht hin:
Code: Alles auswählen
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<fieldset class="edit_page">
<legend><strong>Page Permissions</strong></legend>
<ul>
<li>
<label for="permitEditGroupID">Editable by Group:</label>
<select name="permitEditGroupID" id="permitEditGroupID">
<option value="1" selected="selected">managePages</option>
<option value="2">manageStyles</option>
<option value="3">manageTemplates</option>
<option value="4">admin</option>
</select>
</li>
<li>
<label for="permitViewGroupID">Viewable by Group:</label>
<select name="permitViewGroupID" id="permitViewGroupID">
<option value="1" selected="selected">managePages</option>
<option value="2">manageStyles</option>
<option value="3">manageTemplates</option>
<option value="4">admin</option>
</select>
</li>
<li>
<label for="showlinks">showlinks:</label>
<input name="showlinks" type="checkbox" id="showlinks" value="1" checked />
</li>
<li>
<label for="permitViewPublic">permit view public:</label>
<input name="permitViewPublic" type="checkbox" id="permitViewPublic" value="1" checked />
</li>
</ul>
</fieldset>
</form>
<style type="text/css">
.edit_page label {
border: 1px solid red;
width: 300px;
float: left;
display: block;
}
.edit_page input, .edit_page select {
border: 1px solid blue;
fl_oat: right;
wi_dth: 300px;
dis_play: block;
}
</style>
</body>
</html>
direkt zum ansehen:
http://pylucid.python-hosting.com/file/ ... format=raw