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:
+23
-15
@@ -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 -->
|
||||
|
||||
Reference in New Issue
Block a user