Eigenes Formular - input-Feld kürzen

**scooterfox** · 18.05.2010, 21:54

Liebes Forum, wenn nicht mein eigener Ehrgeiz wäre...

ich (CSS-Nullchecker) möchte das Input-Feld meines eigens angelegten Search-Formulars kürzen, bzw. im Kopfzeilenbereich an eine andere Stelle positionieren.

Ich weiß, dass das per CSS gemacht werden muss, habe aber leider keine Ahnung wie ich die Formularfelder ansprechen kann.

Vielleicht hat jemand kurz Zeit für mich?

Danke

**planepix** · 18.05.2010, 21:57

Hallo scooterfox,

das Formular mit der Option "tabellenlos" einstellen und ein Live-Link, dann kann geholfen werden

**scooterfox** · 18.05.2010, 22:00

http://www.papierfachverband.de

MEIN FAVORIT:
Auf HOME ist die Suche in der Kopfzeile und müßte nach unten rechts ÜBER die rechte Spalte auf HÖhe der anderen Menüpunkte.

ALTERNATIV:
In die rechte Spalte, dafür aber das INPUT Feld kürzer, damits reinpasst

**planepix** · 18.05.2010, 22:07

Ok das Suchfeld

Lösung kommt..

**planepix** · 18.05.2010, 22:16

Füge bzw. ergänze einmal in der CSS-Datei VPM.css ein:

Code:

#header #tl_search{position:absolute;top:138px;left:740px;}
#header #tl_search .text{width:100px;}

Anhübschen kann man dann noch

**scooterfox** · 18.05.2010, 22:29

Ich hatte heute nicht keinen so guten Tag, aber das hat ihn jetzt gerettet.

DAAANKE vielmals nach Stuttgart!

Liebe Grüße

P.S. Mein eigentlicher Job ist es, Schülern etwas beizubringen. Deshalb wird das wohl auch nichts mit CSS-Profi. Danke, dass ich solche Fragen stellen darf!

**planepix** · 18.05.2010, 22:35

Freut mich wenn kurz vor Tagesschluß der Tag noch gerettet werden konnte

ergänzend dann noch das:

Code:

#header #tl_search{position:absolute;top:138px;left:740px;}
#header #tl_search .text{width:120px;border:1px solid #ccc;}
#header #tl_search .submit{border:0;}

**scooterfox** · 18.05.2010, 22:48

das Suchergebnis leite ich um auf die Seite [Suche] links im Menü [Home]

Dort hat sich jetzt leider das Suchfeld auch verschoben. Weißt Du hierfür auch eine Lösung?

lg

**planepix** · 18.05.2010, 22:57

z.B. so:

Code:

#main .mod_search .text{margin:0;padding:0;width:100px;border:1px solid #ccc;}
#main .mod_search .submit{margin:0;padding:0;border:0;height:23px;}

**ways2web** · 19.05.2010, 01:58

OT:

Zitat von scooterfox

ich (CSS-Nullchecker) ...

wieder ein Paradebeispiel wie leicht typolight doch sein kann, aber als "nullchecker" wärst du niemals so weit gekommen!

planepix leistet wie so oft auch hier einen tollen Communityservice...
hoffentlich ist dein Buch auch so "cool"