✔ Form ganz verschoben

ThunderStorm1 · 3. Februar 2011

Also ich habe ein kleines Login Form

HTML:

<form id="login" action="<?php $_SERVER['SCRIPT_NAME']?>" method="POST">
		
		User<input type="text" name="user" size="10" value="User"><br />
		Password<input type="password" name="pass" size="10" value="Password"><br />
		<input type="submit" name="submit" value="Login"><br />	
</form>

Css Datei

Code:

#ta{
            margin:auto;
            width:60%;
            
			}
#ta th{
            color:#ff0000;
			}
			
#ta td{		
            font-family:Arial, sans-serif;
            font-size:10px;
			}
#login{     
			text-align:center;  
            padding:280px 00px 0px 0px;
			}
#login input{
            border: 1px solid black;
            text-align:center;
            margin:1px;
			}

So nun ist alles Verschoben nur weil ich User und Password vor die Inputs geschrieben ich habe keine lust das mit einer <table> zu machen und finde ich auch nicht richtig

Vielleicht hat einer von euch da ja eine Idee da bin ich mir sicher ^^

SpiceLab · 3. Februar 2011

Hier is nix verschoben ;-)

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <title>...</title>
    <style type="text/css">
      #login{     
            padding:280px 0px 0px 0px;
            }
      #login ul {
            margin:0;
            padding:0;
            list-style:none;
            }
      #login ul li label {
            float:left;
            width:90px;
           }
      #login ul li input{
            border: 1px solid black;
            text-align:center;
            margin:1px;
            }
    </style>
  </head>
  <body>
    <form id="login" action="">
      <ul>
        <li>
          <label for="user">User</label>
          <input type="text" name="user" id="user" size="10" value="User" />
        </li>
		<li>
          <label for="pass">Password</label>
          <input type="password" name="pass" id="pass" size="10" value="Password" />
        </li>
		<li>
          <input type="submit" name="submit" value="Login" />
        </li>	
      </ul>
    </form>
  </body>
</html>

✔ Form ganz verschoben

ThunderStorm1

Mitglied

SpiceLab

ZENmechanic

Neue Beiträge