Form Farbe, Rahmen, Größe ändern

[Thomas]

Hallo zusammen!

Ich habe nun schon länger recherchiert aber leider nichts (passendes) zu diesem Thema gefunden. Ich habe mit PHP eine Suchfunktion realisiert und möchte nun das Standartlayout des Suchfelds ändern, d.h. der Rahmen soll weg bzw. keinen Schatten mehr haben, die Hintergrundfarbe soll geändert werden & das Formular soll etwas 'niedriger' sein (der Text ensprechend kleiner). Ist sowas mit CSS möglich? Wenn ja - wie?

Bei dem Formular handelt es sich um ein ganz 'ordinäres' HTML-Formular.

(<FORM...>....</FORM>)

Vielen Dank im Voraus schonmal!

Gruß,
Thomas

[HTMLton]

Hallo

Dein Freund heisst CSS

Gruß
HTMLton

[wahsaga]

hi,

Ich habe nun schon länger recherchiert aber leider nichts (passendes) zu diesem Thema gefunden.

dann frage ich mich, wie du wohl "recherchieren" definierst.

Ist sowas mit CSS möglich?

ja.

Wenn ja - wie?

sieh dir in selfhtml unter den css die eigenschaften an, dort findest du einen eigenen abschnitt über rahmen.
wie man schriftarten- und grössen angibt, dazu gibt es ebenfalls einen abschnitt.

gruss,
wahsaga

[Sensei]

Und noch eine konstruktive Antwort: Probier mal mit CSS zB:

input
{
 font family: Verdana,Arial,Helvetica,Sans-Serif;
 border-bottom: #14314F 1px solid;  border-left: #14314F 1px solid;
 border-right: #14314F 1px solid;  border-top: #14314F 1px solid;
 background-color: #ffffff ;  color: #14314F;
 font-size: 9px;
}
textarea {
 font-family: Verdana,Arial,Helvetica,Sans-Serif;
 border-bottom: #14314F 1px solid; border-left: #14314F 1px solid;
 border-right: #14314F 1px solid; border-top: #14314F 1px solid;
 background-color: #ffffff; color: #14314F;
 font-size: 9px;
}

Und im Form-Tag musst du jetzt nix mehr notieren... alle input felder werden jetzt in diesem Layout erstellt.

Hoffe geholfen zu haben, spiel dich halt ein bisschen rum damit, Sensei

[Thomas]

Und noch eine konstruktive Antwort: Probier mal mit CSS zB:

input
{
 font family: Verdana,Arial,Helvetica,Sans-Serif;
 border-bottom: #14314F 1px solid;  border-left: #14314F 1px solid;
 border-right: #14314F 1px solid;  border-top: #14314F 1px solid;
 background-color: #ffffff ;  color: #14314F;
 font-size: 9px;
}
textarea {
 font-family: Verdana,Arial,Helvetica,Sans-Serif;
 border-bottom: #14314F 1px solid; border-left: #14314F 1px solid;
 border-right: #14314F 1px solid; border-top: #14314F 1px solid;
 background-color: #ffffff; color: #14314F;
 font-size: 9px;
}

Und im Form-Tag musst du jetzt nix mehr notieren... alle input felder werden jetzt in diesem Layout erstellt.

Hoffe geholfen zu haben, spiel dich halt ein bisschen rum damit, Sensei

Man genial du hast mir mehr als geholfen - das ist genau das was ich wollte....und noch mehr :D :D :D!!!

Vielen Dank nochmal!

[Sensei]

Freut mich geholfen zu haben!

@ die anderen:

warum nicht auch mal so? denkt ihr nicht das wäre auch mal nett...?

[MudGuard]

Hi,

@ die anderen:
warum nicht auch mal so? denkt ihr nicht das wäre auch mal nett...?

Und? Jetzt weiß er genau, wie die paar von Dir angegebenen Sachen funktionieren.
Hätte er sich aber selbst mit dem Thema beschäftigen müssen, hätte er mehr gelernt als einfaches Copy/Paste...

cu,
Andreas

[HTMLton]

hi Sensei

ich brauche einen Webshop in PHP, machst du mir einen? ich wäre dir sehr dankbar.

gruss
HTMLton