Zum Inhalt springen

Suchfeld klebt oben

Erstellt am 18. Februar 2004 · 1 Antwort · letzte Antwort am 20. Februar 2004

Tags: HTML & CSS, Suche, Frage

celeron ·

Hallo,

wenn ich in meine Tabelle die nur 20 Pixel hoch ist das Suchfeld über einen Marker einsetze, ist unter dem Suchfeld aufeinmal eine ebensogroße leere Zeile, die ich einfach nicht wegbekomme.

Kann mir jemand einen Tipp geben.

Meinen Code habe ich unten stehen.

Gruß Damian

page.20{
##################################
# SEARCH
marks.SUCHE = COA
marks.SUCHE {

# 10 = TEXT
# 10.value = <p class="suchehd">Hier kann ein Text stehen</p>

20 < tt_content.search.30
20.dataArray >
20 {
wrap=<DIV ID="menu1">|</DIV>
stdWrap.wrap = <table border=0 cellspacing=0 cellpadding=0><tr> | </tr></table>
layout = <td valign=bottom>###LABEL### ###FIELD###</td>

# Hier übergebe ich den Elementen wie Feldern und Buttons eine class
# aus einem in das Template eingebundenen Stylesheet. Damit können
# Farben und Font etc definiert werden
params = class="textbox"
params.submit = class="submit"
params.textarea = class="textarea"
dataArray{

10.label >
10.type = sword=input,15 # mit der Zahl wird die size des Feldes eingestellt :-)
10.value = [Suchbegriff]

20.label >
20.type = scols=hidden
20.value = tt_content.header-bodytext-imagecaption

30.type = stype=hidden
30.value = L0
40.type = submit=submit
40.value =
}
image = IMAGE
image.file = fileadmin/images/buttons/search1.gif
image.params = alt="Klicken Sie hier um die Site zu durchsuchen."

redirect = 5
}
}
##################################

}

wasiko ·

hallo dieses problem tritt interessanterweise nur im ie auf.

grund ist die tag-reihenfolge:

<tabel><tr><td><form></form></td></tr>
produziert eine leerzeile unter der box

du darfst also deinen marker nicht in der zelle der tabelle platzieren sondern musst das so hinbiegen:

<table><tr><form><td></td></form></tr></table>

in der vorlage sieht das dann so ca. aus
...
<table>
<tr>
<td>hier ist eine Suchbox<td>
###SUCHE###
</tr>
</table>
...

als wrap übergiebst du die zelle.
also zB:

stdWrap.wrap=<td>|</td>

hab deine suchbox mit diesem trick in meine hp eingebaut und es hat super funktioniert!