Lay out the forms on a grid.

From the live site: the submission, login and add editor forms use a
two-column CSS grid in place of floats.
This commit is contained in:
tim
2026-09-25 23:32:08 +02:00
parent dd43940366
commit 15e81e17cc
4 changed files with 138 additions and 131 deletions
+23 -15
View File
@@ -80,21 +80,29 @@ if ($denied)
?>
<form action="<? echo "https://xxx.org.za".$_SERVER['REQUEST_URI']; ?>" method="post">
<div>
<label for="username">Username: </label>
<input type="text" id="username" name="username" />
</div>
<div>
<label for="password">Password: </label>
<input type="password" id="password" name="password" />
</div>
<div>
<label for="remember">Remember me:</label>
<input type="checkbox" id="remember" name="remember" checked />
</div>
<div class="submission">
<button type="submit" id="login" name="login" value="1">Login</button>
</div>
<div class="grid">
<label for="username">Username: </label>
<div class="rightcolumn">
<input type="text" id="username" name="username" />
</div>
<label for="password">Password: </label>
<div class="rightcolumn">
<input type="password" id="password" name="password" />
</div>
<label for="remember">Remember me:</label>
<div class="rightcolumn">
<input type="checkbox" id="remember" name="remember" checked />
</div>
<div class="leftcolumn"></div>
<div class="submission">
<button type="submit" id="login" name="login" value="1">Login</button>
</div>
</div><!-- .grid -->
</form>
</div> <!-- .maintext -->