Wie kann ich die Höhe eines Suchfeldes verändern?

[re-flexion]

Hallo Leute,

ich möchte bei mir gerne ein Suchfeld auf der Site einbauen. Meine Tabell, in die der Container dafür kommt ist jedoch "nur" 25 px hoch (und soll es auch bleiben ).

Mit den normalen Volltextsuche Eingabe Modulen zerschiesse ich mir immer das Layout. Habe auf diversen Seiten gesehen, dass dort von der Höhe her kleine Suchfelder zum Einsatz kommen.

Daher meine Laienfrage - in der Hoffnung auf Hilfe durch euch Fachfreaks - wie kann ich das einzubauende Suchfeld auch der Höhe nach anpassen?

Ich würde mich riesig über eure Hilfe freuen.

Danke im Voraus.

[HerrB]

Damit Dir geholfen werden könnte, solltest Du zumindest den resultierenden HTML-Code des Suchmoduls und der restlichen Seite angeben (ggf. auszugsweise) und/oder einen Link auf Deine Seite ergänzen.

So kann Dir leider niemand helfen...

Gruß
HerrB

[jost]

Ich habe das mit CSS gelöst, hatte aber einige Anpassungen zwischen bspw. Firefox und dem IE vorzunehmen.

[i-fekt]

Du solltest das Feld mittels CSS ansprechen. Dazu gibst du dem Feld eine Klasse.

Code: Alles auswählen

<input type="text" class="name-der-klasse"/>

Dann kannst du in der CSS Datei dieses Suchfeld in dieser Art ansprechen und formatieren:

Code: Alles auswählen

input.name-der-klasse {
 width: 100px;
 height: 20px;
 border: 1px solid red;
}

[malsdgtac]

Die Höhe kannst du auch dadurch ändern, in dem du dem Suchfeld eine andere Textgröße zuteilst, die Höhe paßt sich dann daran an.