Hans Watzinger (Aqua): vertical-align & text-align (Block/Inline) ??

Beitrag lesen

Hallo :)

Es quaelt mich was....

Und Zwar hab mir da MudGuard was aus W3 kopiert in seinem Forenbeitrag und das macht keinen Sinn...
In meiner Tabelle in im <TD> ohne mein zutun der Inhalt (sowohl Bilder als auch Text!) in der mitte von oben nach unten gesehen.

Das wollte ich nun nach oben-links bringen (text und Bilder) und dachte an:
vertical-align:top;
text-align:center;
aber in diesem Forenbeitrag sind Standards von W3 kopiert,
und die besagen dass das ausschliesslich(!) für BLOCK-Elemente gilt.

Da draengen sich mir 3 Fragen auf.

  1. Wenn text-align   eh für Blockelemente gilt,
       wieso braucht man dass
       margin-left:auto; margin-right:auto;
       um ein Block-Element zu zentrieren wenn es es auch im drüberliegenden Element mit text-align gegen WÜRDE??

  2. Wenn text-align für BLOCK Elemente ist,
       ja wie soll ich denn dann Text nach links/rechts bekommen???

  3. vertical-align  ist ja laut W3 für Inline-Elemente.
       Wie soll ich dann den doofen Text und das Bild nach oben bekommen??

Hier etwas Pseudo-Code was mein Problem ist:

<table>
   <tr>
   <td>

Hier sind die Bilder und der Text und die sind alle in der Mitte von oben nach unten gesehen und auch nicht ganz links :(

</td>
   </tr>
   </table>

Hier sind Auszüge auch MadGuards Posting der W3 Standards zitiert:

Siehe http://www.w3.org/TR/REC-CSS2/text.html#propdef-text-align
'text-align'
   Value:  left | right | center | justify | <string> | inherit
   Initial:  depends on user agent and writing direction
   Applies to:  block-level elements
   Inherited:  yes
   Percentages:  N/A
   Media:  visual

Siehe http://www.w3.org/TR/REC-CSS2/visudet.html#propdef-vertical-align
'vertical-align'
   Value:  baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length> | inherit
   Initial:  baseline
   Applies to:  inline-level and 'table-cell' elements
   Inherited:  no
   Percentages:  refer to the 'line-height' of the element itself
   Media:  visual

Velen Dank!
Aquariophile