Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2009-01-19 07:20:33

holli.p
Member
From: Pinneberg/Germany
Registered: 2004-04-21
Posts: 83
Website

[de-de] Suche mit Bild als Button

Ich habe das Inputfeld meiner internen Suche mit einem Hintergrundbild versehen. Dieses Hintergrundbild beinhaltet auch den Button der Suche. Damit ich den Button aber auch als solchen benutzen kann müsste über dem Hintergrundbild ein transparentes gif liegen.

Mir will aber einfach nicht gelingen das da einzufügen. hat einer von euch eine Idee?

Gruß holli.p


Visit my Textpattern sites:
Northerndelight | Hasenbude
Curiculum Vitare | Rezepteblock

Offline

#2 2009-01-20 09:34:02

trenc
Plugin Author
From: ⛵️, currently Göteborg, SE
Registered: 2008-02-27
Posts: 574
Website GitHub

Re: [de-de] Suche mit Bild als Button

Ich versteh es leider noch nicht ganz. Hast Du das Submit-Input-Feld mit einem Hintergrund belegt?
Wenn ja, dann kannst Du das Bild auch direkt angeben — nur halt nicht mit Textpattern-Mitteln. Du fügst die Suche einfach hardcoded ein:

<form method="get" action="http://www.northerndelight.de/blog/">
<p><input type="text" name="q" value="" size="15" /><input type="image" src="hintergrundbild.gif" alt="Suchen" /></p>
</form>

Das action-Attribut musst Du dann noch auf Deine jeweilig Domain anpassen.


Digital nomad, sailing the world on a sailboat: 32fthome.com

Offline

#3 2009-01-20 09:43:48

holli.p
Member
From: Pinneberg/Germany
Registered: 2004-04-21
Posts: 83
Website

Re: [de-de] Suche mit Bild als Button

Ja genau, so hab ichs ja gemacht, aber dann kann man nur mit <enter> die Suche auslösen. ich würd halt gern, das der Button ach anklickbar ist.

Kuckst du hier: http://www.northerndelight.de/test


Visit my Textpattern sites:
Northerndelight | Hasenbude
Curiculum Vitare | Rezepteblock

Offline

#4 2009-01-20 10:31:18

trenc
Plugin Author
From: ⛵️, currently Göteborg, SE
Registered: 2008-02-27
Posts: 574
Website GitHub

Re: [de-de] Suche mit Bild als Button

Naja, Du hast das schon anders gemacht. Du hast das komplette Bild als CSS-Hintergrundbild des div #suche definiert. So weit so gut. Aber schau dir nochmal das Stückchen HTML an, was ich oben gepostet habe! Dir fehlt der Submit-Button, der im Beispiel vom type="image" ist. Und für dieses Image, was nur für den Absende-Button gilt, kannst Du das Bild der »Lupe« angeben.

Hier mal etwas Basiswissen: dazu: http://de.selfhtml.org/html/formulare/formularbuttons.htm
Da sind auch mehrere Besipiele gegeben, zur Not auch mit button statt input.

Last edited by trenc (2009-01-20 10:31:59)


Digital nomad, sailing the world on a sailboat: 32fthome.com

Offline

Board footer

Powered by FluxBB