Ashura: Meine "neue" Webseite

Beitrag lesen

Hallo Nadja.

• Das Kontaktformular ließe sich auch ohne eine Tabelle so anordnen, wie du es wünscht, die float-Eigenschaft hilft dir dabei.

Ich kapiere hier nicht so richtig, wie ich das mit float machen soll.

Du könntest sowohl label-, als auch input-Elemente links floaten lassen und den label-Elementen eine min-width verpassen.

Hast du da evtl. ein Beispiel parat?

So in etwa:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html>  
  <head>  
    <title>Formular mit floatenden Labels</title>  
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />  
    <style type="text/css">  
      [code lang=css]label, input, textarea {float:left;}  
      p{clear:left;}  
      label{min-width:9em;text-align:right;padding-right:1em;}  
      * html label{width:9em;}

</style>
  </head>
  <body>
    <form action="">
      <p><label for="name">Name: </label><input type="text" id="name" /></p>
      <p><label for="email">E-Mail: </label><input type="text" id="email" /></p>
      <p><label for="text">Der Kommentar: </label><textarea id="text"></textarea></p>
    </form>
  </body>
</html>[/code]

Einen schönen Samstag noch.

Gruß, Ashura

--
Selfcode: sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:) fl:( ss:) ls:[ js:|
30 Days to becoming an Opera8 Lover -- Opera Mini on Treo
Meine Browser: Opera 8.02 | Firefox 1.0.6 | Lynx 2.8.5 | Netscape 4.7 | IE 6.0
[Deshalb frei! - Argumente pro freie Software]
0 75

Meine "neue" Webseite

Nadja
  • meinung
  1. 0
    Der Martin
    1. 0
      Nadja
    2. 0
      Nadja
      1. 0
        Der Martin
        1. 0
          Nadja
          1. 0
            Vinzenz Mai
            1. 0
              Nadja
              1. 0
                Vinzenz Mai
                1. 0
                  Nadja
  2. 0
    Hopsel
    1. 0
      Nadja
      1. 0
        Jan L.
        1. 0
          Nadja
          1. 0
            Ashura
            1. 0
              Nadja
              1. 0
                Ashura
                1. 0
                  Nadja
  3. 0
    H2O
    1. 0
      Nadja
      1. 0
        H2O
        1. 0
          Nadja
          1. 0
            H2O
            1. 0
              Nadja
              1. 0
                H2O
                1. 0
                  Nadja
                  1. 0
                    H2O
                    1. 0
                      Nadja
                      1. 0
                        H2O
                    2. 0
                      Der Martin
                      1. 0
                        H2O
  4. 0
    Klawsischnigg
    1. 0
      Nadja
      1. 0
        Klawischnigg
        1. 0
          Nadja
          1. 0
            Klawischnigg
            1. 0
              Nadja
  5. 0
    Ashura
    1. 0
      Nadja
      1. 0
        Der Martin
        1. 0
          Nadja
      2. 0
        Ashura
    2. 0
      Nadja
      1. 1
        Ashura
        1. 0
          Nadja
        2. 0
          Nadja
          1. 0
            Ashura
            1. 0
              Nadja
              1. 0
                Ashura
                1. 0
                  Der Martin
                  1. 0
                    Nadja
                    1. 0
                      Der Martin
                    2. 0
                      Ashura
                      1. 0
                        Nadja
                        1. 0
                          Ashura
                          1. 0
                            Nadja
                            1. 0
                              Der Martin
                              1. 0
                                Nadja
                            2. 0
                              Ashura
                              1. 0
                                Nadja
                                1. 0
                                  Ashura
                                  1. 0
                                    Nadja
                                    1. 0
                                      Nadja
                              2. 0
                                Nadja
  6. 0
    MudGuard
    1. 0
      Nadja
      1. 0
        MudGuard
        1. 0
          Nadja
          1. 0
            AllesMeins
      2. 0
        Jeena Paradies
        1. 0
          Nadja
    2. 0
      Nadja
  7. 0

    Muss nun erstmal afk

    Nadja
    • menschelei
  8. 0
    Tom
  9. 0

    Zeitreisen sind doch moeglich! :-)

    Wilhelm Turtschan