Suchformular

5Antworten
  1. #1
    Avatar von Lambade
    Lambade ist offline
    Themen Starter

    Title
    Benutzer
    seit
    29.03.2007
    Beiträge
    790

    Standard Suchformular

    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

  2. #2
    Avatar von Canard Sauvage
    Canard Sauvage ist offline

    Title
    Benutzer
    seit
    20.02.2007
    Ort
    Bernburg || Hoyerswerda
    Beiträge
    445

    Standard

    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!

  3. #3
    Avatar von El Supremo
    El Supremo ist offline

    Title
    Benutzer
    seit
    18.01.2005
    Ort
    Ilsfeld, Lkr. Heilbronn, BW
    Beiträge
    1.552

    Standard

    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;

  4. #4
    Avatar von Lambade
    Lambade ist offline
    Themen Starter

    Title
    Benutzer
    seit
    29.03.2007
    Beiträge
    790

    Standard

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

  5. #5
    Avatar von Cloneadmin
    Cloneadmin ist offline

    Title
    Benutzer
    seit
    23.02.2007
    Beiträge
    3.340

    Standard

    Schönen Urlaub...

    EDIT: Wo gehts denn hin

  6. #6
    Avatar von Lambade
    Lambade ist offline
    Themen Starter

    Title
    Benutzer
    seit
    29.03.2007
    Beiträge
    790

    Standard

    Kite-Surfen anch St. Peter...

Diese Seite benutzt Cookies Durch die weitere Nutzung der Seite stimmen Sie der Verwendung von Cookies zu. Infos zum Datenschutz