Höhe von Eingabefeldern im Formular anpassen - Problem

userjules

Mitglied
Hallo zusammen,

habe folgendes Formular gebastelt und in eine Seite eingebunden.

Code:
<div align="right" id="login">
<?php 
if (isset ($_REQUEST["fehler"])) 
{ 
  echo "Die Zugangsdaten waren ung&uuml;ltig."; 
} 
?> 
<form action="login.php" method="post"> 
  Name: <input type="text" name="name" size="20"><br> 
  Kennwort: <input type="password" name="pwd" size="20"><br> 
  <input type="submit" value="Login"> 
</form>  
</div>

Oder ist das ne CSS Aufgabe?

Code:
#login {
float:right;
margin-right:20px;
margin-top:10px;
position:relative;
display:inline;
}

#login form { 
margin-bottom:0;
}



Funktioniert auch prima, allerdings möchte ich nun gerne, dass die Spalten in die die Benutzerdaten eingegeben werden nicht so hoch sind. Der text muss ja nicht größer (höher) als 12px sein. Dementsprechend könnten die Zeilen ruhig etwas niedriger sein, aber wie mach ich das?

Danke im Voraus für eure Hilfe!
 
Hi,

die Höhe lässt sich über die angesprochene Schriftgröße font-size justieren:
Code:
<form action="login.php" method="post"> 
  Name: <input type="text" name="name" size="20" class="text"><br> 
  Kennwort: <input type="password" name="pwd" size="20" class="text"><br> 
  <input type="submit" value="Login"> 
</form>
CSS:
input.text { font-size:12px; }

mfg Maik
 
Zurück