Hallo Forum!
Beim Basteln an einem Suchformular bin ich auf ein Problem gestoßen, dass eigentliche viele schonmal gehabt haben müssen.. Trotzdem finde ich keine Posts die das Problem behandeln.
Das Suchformular hat eine Inputbox und einen grafischen Submitbutton. Ich möchte die Inputbox auf eine bestimmte Breite (in px!) beschränken, ohne das der Submitbutton davon betroffen ist.
Leider sehe ich keine Möglichkeit einem einzelnen Element eine CSS-Klasse zuzuordnen, oder es direkt zu formatieren. Bin ich blind?
Mein Code bislang:
### Search Form
lib.searchbox < tt_content.search
lib.searchbox.30.stdWrap.wrap =
lib.searchbox.30.layout = ###LABEL###<br /><span class="searchbox-field-span">###FIELD###</span>
lib.searchbox.30.labelWrap.wrap = |
lib.searchbox.30.REQ.labelWrap.wrap = |
# search everything, no choice for the user
lib.searchbox.30.dataArray.20.type = scols=hidden
lib.searchbox.30.dataArray.20.valueArray >
lib.searchbox.30.dataArray.20.value = pages.title-subtitle-keywords-description:tt_content.header-bodytext-imagecaption
# submit button
lib.searchbox.30.image = IMAGE
lib.searchbox.30.image.file = fileadmin/templates/media/images/interface/button_suche.gif
Formatiere ich nun die searchbox-field-span Klasse ist der Submitbutton auch betroffen.. :/
Wär schön wenn jemand eine Idee hat!
Einen Gruß
SomeBdyElse