Layout der Suchfunktion

[PatrickEder]

Hallo,

ich bin gerade dabei die Suchfunktion auf der Website einzubauen. http://mühlbachschule.de/wissenswertes.html (In der rechten Spalte unten)

Allerdings habe ich dafür folgende Probleme:

1. Wie kann ich das Suchfeld die Breite verringern?
2. Kann ich in das Suchfeld "suchen" schreiben"?
3. Wie kann ich die Schrift in Feld kleiner machen?

Ich hoffe Ihr könnt mir weiterhelfen!

DANKE!

Grüße

Patrick

[fivebytes]

Hallo Patrick,

zu 1 und 3: das löst Du per CSS
zu 2: hierzu müsstest Du das Template "mod_search..." (je nachdem welches Du nutzt "advanced" oder "simple") anpassen. Du könntest z.B. die php-Variable $this->keyword auf "suchen" setzen sofern sie leer ist. Dann sollte aber noch eine Script mit ins Feld, dass dafür sorgt, dass dieser Text verschwindet, wenn der Nutzer reinklickt. Oder Du nutz den "placeholder" (html5), ich bin nur nicht ganz sicher, ob alle neueren Browser da schon mitspielen ;-)

[kos]

Vergleiche hierzu caniuse.com/#feat=input-placeholder

[PatrickEder]

Vielen Dank für die Mithilfe.

Jetzt hätte ich aber noch eine Frage:

Welche CSS-Klasse muss ich ändern, um den Suche - Button anzupassen und ggf, schmaler zu bringen?

Hier ist noch mal die Seite mit den Suche-Funktion: http://mühlbachschule.de/start.html --> rechts oben in rechten Spalte.

Grüße

Patrick Eder

[stefan-at-work]

Hallo Partick,

damit Du die Divs und Klassen selber herausbekommtst, installiere Dir am besten den Webdeveloper oder Firebug und google mal nach der Funktionsweise. Es gibt hier auch etliche Videos auf Youtube zu diesem Thema.

e CSS-Anweisung die Du bearbeiten müsstest:

#right .mod_search input.text