Tabelle: text zentriert

[Krobbus]

http://img31.imageshack.us/img31/440/design222.jpg

wie mache ich es, dass das "Comments" oben anfängt, also praktisch auf Höhe der ersten Zeile des Formularfeldes, und nicht zentriert?

 

[Imbericle]

ich würd mal auf

vertical-align:top;

ins CSS.
Aber warum willst du das denn als Tabelle machen?!?
Das kann doch auch "einfach so" oder als ein div, fals es irgendwie positioniert sein soll.

 

[_Thor_]

ich würd mal auf

vertical-align:top;

ins CSS.
Aber warum willst du das denn als Tabelle machen?!?
Das kann doch auch "einfach so" oder als ein div, fals es irgendwie positioniert sein soll.

Eine Tabelle ist hier in der Tat nicht das richtige Mittel, "einfach so, oder als ein div" ist aber kein Stück besser.

Hier handelt es sich eindeutig um ein Eingabefeld mit einer Bezeichnung, also wäre die korrekte Auszeichnung

<fieldset>
  <label for="comments">Comments</label>
  <textarea id="comments" name="comments" rows="3" cols="20"></textarea>
</fieldset>

 

[Imbericle]

Klar, das mit der Eingabefeldbezeichnung wär, aber das ist nicht unbedingt nötig meinte ich damit, die schrift kann auch "einfach so" neben dran stehen, das ist für den anfang leichter, natürlich nicht "professionell".

 

[_Thor_]

Was ist leichter daran, es (fälschlicher Weise) als <div> auszuzeichnen, statt als <label>?

 

[Imbericle]

Ehm er will es einfach links oben positionieren das würde doch automatisch passieren?!?
wenn er es natürlich irgendwo auf der seite haben will ist es mit label einfacher.

 

[neuroleptika]

In Thors Beispiel liegen label und textarea in einer Zeile (inline-Elemente).
Da greift vertical-align.
css:

label {
vertical-align:top;
}

<fieldset>
  <label for="comments">Comments</label>
  <textarea id="comments" name="comments" rows="3" cols="20"></textarea>
</fieldset>

 

[_Thor_]

Ehm er will es einfach links oben positionieren das würde doch automatisch passieren?!?

Es wird dort positioniert, wo es im Quellcode steht, unabhängig davon, ob es ein <div>, <table>, <ul>, <p> oder sonstwas ist.

wenn er es natürlich irgendwo auf der seite haben will ist es mit label einfacher.

Die Logik musst du mir mal erklären.