Auf Thema antworten 2026

Beitrag

<blockquote data-quote="the_real_didi" data-source="post: 1050343" data-attributes="member: 10356">Hallo zusammen,mich beschäftigt jetzt schon seit ein paar Tagen folgendes Problem.Für eine Volltextsuche habe ich ein kleines Form mit einem Input zur Eingabe des Suchbegriffes gebastelt. Die Optik passt auch soweit.Bis auf einen kleinen Schönheitsfehler, an dem ich mir die Zähne ausbeiße.Hier das ganze erstmal als screenshot:Wie man sieht befindet sich der eingegebene Text am oberen Rand des Eingabefeldes. Ich hätte es gern vertikal zentriert.Die naheliegende Einstellung &quot;vertical-align&quot; ändert allerdings nur die Ausrichtung der Formularelemente, hat aber auf den enthaltenen Text keine Auswirkung. hier noch das CSS, wie ich es momentan habe.[CODE]form[name=&quot;tx_indexedsearch_box&quot;] {&nbsp; &nbsp; width: 205px;&nbsp; &nbsp; margin-bottom: 0;&nbsp; &nbsp; height: 22px;}#search {&nbsp; &nbsp; position: relative;&nbsp; &nbsp; vertical-align: bottom;&nbsp; &nbsp; margin-left: 25px;&nbsp; &nbsp; margin-top: 6px;}.is-submit {&nbsp; &nbsp; height: 26px;&nbsp; &nbsp; width: 31px;&nbsp; &nbsp; background-color: #ffffff;&nbsp; &nbsp; background-image: url(../Bilder/Suche_07.jpg);&nbsp; &nbsp; border: none;&nbsp; &nbsp; vertical-align: bottom;}.is-input-sword {&nbsp; &nbsp; height: 26px;&nbsp; &nbsp; width: 174px;&nbsp; &nbsp; background-color: #ffffff;&nbsp; &nbsp; background-image: url(../Bilder/Suche_08.jpg);&nbsp; &nbsp; border: none;&nbsp; &nbsp; vertical-align: bottom;}[/CODE]habe es auch schon mit line-height und padding-top versucht. hilft beides nix. bei padding-top kommt es nur zu einer vergrößerung des input-feldes, was ja nicht gewünscht ist.hat jemand eine Idee wie ich meinen Text vertikal zentrieren kann?</blockquote>

[QUOTE="the_real_didi, post: 1050343, member: 10356"] Hallo zusammen, mich beschäftigt jetzt schon seit ein paar Tagen folgendes Problem. Für eine Volltextsuche habe ich ein kleines Form mit einem Input zur Eingabe des Suchbegriffes gebastelt. Die Optik passt auch soweit. Bis auf einen kleinen Schönheitsfehler, an dem ich mir die Zähne ausbeiße. Hier das ganze erstmal als screenshot: Wie man sieht befindet sich der eingegebene Text am oberen Rand des Eingabefeldes. Ich hätte es gern vertikal zentriert. Die naheliegende Einstellung "vertical-align" ändert allerdings nur die Ausrichtung der Formularelemente, hat aber auf den enthaltenen Text keine Auswirkung. hier noch das CSS, wie ich es momentan habe. [CODE] form[name="tx_indexedsearch_box"] { width: 205px; margin-bottom: 0; height: 22px; } #search { position: relative; vertical-align: bottom; margin-left: 25px; margin-top: 6px; } .is-submit { height: 26px; width: 31px; background-color: #ffffff; background-image: url(../Bilder/Suche_07.jpg); border: none; vertical-align: bottom; } .is-input-sword { height: 26px; width: 174px; background-color: #ffffff; background-image: url(../Bilder/Suche_08.jpg); border: none; vertical-align: bottom; } [/CODE] habe es auch schon mit line-height und padding-top versucht. hilft beides nix. bei padding-top kommt es nur zu einer vergrößerung des input-feldes, was ja nicht gewünscht ist. hat jemand eine Idee wie ich meinen Text vertikal zentrieren kann? [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?