Wie richte ich input-buttons vertikal gleich aus?
davdy am 07.05.2008 um 13:19 Uhr
Also ich möchte das das Eingabefeld und das Submitfeld (ein Image) auf gleicher Höhe ausgerichtet werden. Ich habe beide Felder mittels CSS formatiert, nur jetzt ist der Submit nach unten versetzt.
Kann mir jemand helfen?
Antworten
In die CSS schauen wie da die Angaben für die Position sind.
Abnsolut, Relativ oder angepasst? Und haben alle den gleichen Abstand zum Rand?
Und dann prüfen ob evtl. andere DIVs oder tables so positioniert sind das sie sich mit der Position der Submits überkreuzen.
Laut deinem Quelltext sind die beiden input-Elemente unterschiedlich lang (200px und 140px). Wenn man sie nun zentriert, sind sie vertikal nicht mehr auf einer Höhe. Oder was wolltest du wissen?
davdy am 8. Mai 2008 17:20 ja sie sind vertikal nicht auf gleicher Höhe. ich habe die beiden Elemente jetzt in eine Tabelle gelegt. So klappt es. siehe submitr.de
Hier mal der CSS-Code: .input { width:200px; height:30px; border:1px #1482C7 solid;
font-size:14px; position: inherit; }
.submit { background-image:url(img/weiter.gif); width:140px; height:30px; border:0px; }
Alles ist auf der Seite mittig ausgerichtet.
setze ich position: absolute; bei .submit ein, so ist es zwar vertikal richtig ausgerichtet, aber jetzt ist alles horizontal rechts