compatibility - Change text location in CSS -
i'm using following login form want change design bit:
http://html-form-guide.com/php-form/php-login-form.html
i want place ' login ' middle of box, instead left:
i've found out can change textsize, font etc. in fg_membersite.css (line 17). what's interesting in chrome displayed in middle, in firefox it's shown on left. since i'm new css worker wanted ask if me fixing incompatiblity problems here.
since contains lots of javascript based stuff wasn't sure if posting source codes here sensible, because i'd have post whole source anyway then.
thanks in advance!
edit: prettier now. thanks:
use center text part:
<form id='login' action='login.php' method='post' accept-charset='utf-8'> <fieldset > <legend align="center">login</legend> <input type='hidden' name='submitted' id='submitted' value='1'/> <label for='username' >username*:</label> <input type='text' name='username' id='username' maxlength="50" /> <label for='password' >password*:</label> <input type='password' name='password' id='password' maxlength="50" /> <input type='submit' name='submit' value='submit' /> </fieldset> </form>
i guess you've changed html code note the: <legend align="center">login</legend>
align="center"
edit:
since seems align deprecated you, can using using css.
legend { text-align: center; }
if want css right in html, add in <script>
tag , place in <head>
. this:
<script type="text/css"> legend { text-align: center; } </script>
Comments
Post a Comment