Freak: Formular ausrichten

Hallo,

wie würdet ihr ein besten ein Formular ausrichten?

Mit Tabellen oder mit CSS?
Und wie am besten mit CSS?

<form action="index.php" method='post'>
<span class='1'>Titel:</span><input type='text' name='titel' />
<span class='1'>Autor:</span><input type='text' name='autor' />
<textarea name='text' class='news'></textarea>
</form>

soll so geordnet sein

Titel des Textes: FELD 1

Autor:            FELD 2

Text:
FELD 3

mfg

da freak^

  1. Hallo,

    wie würdet ihr ein besten ein Formular ausrichten?

    Mit Tabellen oder mit CSS?

    mit CSS

    Und wie am besten mit CSS?

    Das ist so pauschal schwer zu beantworten. Allerdings liefert der SELFHTML Weblog-Artikel "Ansatz für flexible, mehrspaltige Formulare" ein paar ganz brauchbare Tipps & Anregungen.

    Gruß Gunther

  2. Mit Tabellen oder mit CSS?

    mit css natürlich ;)

    Und wie am besten mit CSS?

    ich würde statt den <span> ein <label> Element nehmen. Die sind genau für soetwas vorgesehen.

    <label for='titel' class='1'>Titel:</label><input type='text' name='titel' /><br>
    <label for='autor' class='1'>Autor:</span><input type='text' name='autor' />

    das css sähe dann etwa so aus:

    .1 {
        float:left;
        display:block;
        width:6em;
    }

    so sind die beiden <input> auch auf der gleichen Höhe. Nur kann es, wenn du floats auch für dein Layout benötigst auch zu Anzeigefehlern im IE kommen. da müsste man dann noch schauen.