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:

http://rapidhdd.com/images/4013242013-10-06_1842.png

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"

http://jsfiddle.net/4szbc/


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> 

http://jsfiddle.net/4szbc/1/


Comments

Popular posts from this blog

java.util.scanner - How to read and add only numbers to array from a text file -

rewrite - Trouble with Wordpress multiple custom querystrings -

debian - 500 Error upon login into Plesk Admin - auth.php3? -