Nachwuchs: Design von Input feldern

Hallo,

ich habe ein kleines Designproblem, das angezeigte Inputfeld ist nach oben verrutscht, sehr komisch:

Der Quelltext:

<input type="text" size="31" name="ort" id="ort" style="height:34px;font-size:28px;vertical-align: middle;" value="Plz, Ort" onfocus="if(this.value==\'Plz Ort\'){this.value=\'\';}" onblur="if(this.value==\'\'){this.value=\'Plz Ort\';}"/>  
			<input type="submit" value=" Absenden " style="height:36px; font-size: 1.9em;"/>

Ich könnte jetzt eine Tabelle darum legen und mit Center und Hight arbeiten, aber das ist sicher nicht die perfekte Lösung, oder was meint ihr.

  1. Hier noch das Bild

    1. Merħba!

      Hier noch das Bild

      Bei dem Textfeld hast Du vertical-align auf middle gesetzt, bei dem Button auf baseline gelassen. Wenn Du beide auf middle setzt, sieht es dann aus wie gewünscht?

      Viele Grüße vom Længlich

      P.S. Lagere die Styles auf der richtigen Seite besser aus, sonst werden Änderungen sehr aufwendig. Für ein Beispiel hier ist das aber okay so.

      --
      Mein aktueller Gruß ist:
      Maltesisch