Suchformular

25.07.2007, 22:14

Hallo, ich benötige mal wieder Hilfe......

Wie kann ich das folgende Suchfeld formatieren? Bzw. kann nich es einfach mit Hilfe von css formatieren?

Code:

<DOCTYPE>
<html>
<head>
<title>Frage Dirks-Computerforum</title>
</head>
<body>
          <form name="search_block" method="post" action="search.php" onSubmit="return checkSearch()">
 <input class="searchtext" name="search_keywords" value="Suchbegriff" onFocus="this.value=''" type="text">
 <input class="searchbtn" value="Go!" type="submit">
 <input name="search_fields" value="all" type="hidden">
 <input name="show_results" value="topics" type="hidden">
</form>
</body>
</html>

Könntet ihr mir so ein oder 2 Beispiele da "reinschreiben"? z.B. den Hintergrund des Suchfelds und den Hintergrund des go! Buttons?

Das würde mir enorm helfen!

Gruß Lucas

26.07.2007, 06:44

Ich zeig dir mal eine Variante nachdem ich gleich meine Klausur geschrieben hab

Und noch ein Tipp - du mußt beim Beitragsschreiben das Kästchen "HTML in diesem Beitrag deaktivieren" anklicken, da er sonst einige html Befehle rauslöscht!

MfG und bis nacher

PS ja klar geht das, sind ganz normale html Elemente, die man direkt formatieren kann!

27.07.2007, 01:19

Na mit grundlegenden CSS Kenntnissen ist das doch zu schaffen. Du musst ja nur den Klassen searchtext und searchbtn die gewünschten Eigenschaften zuweisen. Für die z.B. Hintergrundfarbe ist die Eigenschaft background-color zuständig. Wenn du eine Warnung des Validators vermeiden willst, solltest du auch gleich noch eine Vordergrundfarbe definieren. Beispiel:

Code:

.searchtext
{
background-color:#FF6666;
color:#000000;
}
.searchbtn
{
background-color:#0033CC;
color:#FF6666;
}

Übrigens solltest du die geschützten Leerzeichen () vor dem "Go" besser duch eine CSS Angabe zum Innenabstand ersetzen:

Code:

paddin-left:1em;

27.07.2007, 10:12

Ok, dankeschön....ich bin denn mal 2 Wochen in Urlaub

also bis denn...

27.07.2007, 13:05

Schönen Urlaub...

EDIT: Wo gehts denn hin

27.07.2007, 13:12

Kite-Surfen anch St. Peter...