Chris: Tabellen einrücken

SELF-Forum

Tabellen einrücken

Chris
– Informationen zu den Bewertungsregeln

Hallo!

Ich hab nur eine kleine Frage

Ich möchte das meine Tabelle in der selben Höhe ist wie meine Überschrift.
Momentan sieht es so aus:

Überschrift
               Datum1 Tätigkeit1
               Datum2 Tätigkeit2

soll aber so aussehen:

Überschrift    Datum1 Tätigkeit1
               Datum2 Tätigkeit2

Zudem soll eine Tabelle unter einer Überschrift etwas eingerückt sein.

Überschrift

Datum1 Tätigkeit1
     Datum2 Tätigkeit2

Überschrift2   Datum1 Tätigkeit1
               Datum2 Tätigkeit2

wie bekomme ich das hin? Danke!!

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Tabellen einrücken

    daniel84
    – Informationen zu den Bewertungsregeln

    Hallo Chris,

    Überschrift    Datum1 Tätigkeit1
                   Datum2 Tätigkeit2

    Setze für die Überschrift entweder die CSS-Eigenschaft display auf inline, oder die Eigenschaft float auf left (+ eine angemessene width für die Überschrift sowie ein entsprechendes margin-left für die Tabelle).

    Zudem soll eine Tabelle unter einer Überschrift etwas eingerückt sein.

    Überschrift

    Datum1 Tätigkeit1
         Datum2 Tätigkeit2

    Setze einen angemessenen Wert für margin-left.

    Gruss aus Luzern,
    Daniel

    PS: Alle Infos zu den genannten (CSS-)Stichworten findest du natürlich in http://de.selfhtml.org.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Tabellen einrücken

      Chris
      – Informationen zu den Bewertungsregeln

      Hallo Chris,

      Überschrift    Datum1 Tätigkeit1
                     Datum2 Tätigkeit2

      Setze für die Überschrift entweder die CSS-Eigenschaft display auf inline, oder die Eigenschaft float auf left (+ eine angemessene width für die Überschrift sowie ein entsprechendes margin-left für die Tabelle).

      Sorry das verstehe ich nicht... ich mache das mit <div ... > im HTML Dokument.

      Also dann kommt erst
      <div style="display:inline">
      <h3>Überschrift</h3>

      Tabelle
      </div>

      ?????

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Tabellen einrücken

        daniel84
        – Informationen zu den Bewertungsregeln

        Hallo Chris,

        Setze für die Überschrift entweder die CSS-Eigenschaft display auf inline, oder die Eigenschaft float auf left (+ eine angemessene width für die Überschrift sowie ein entsprechendes margin-left für die Tabelle).

        Sorry das verstehe ich nicht... ich mache das mit <div ... > im HTML Dokument.

        Also dann kommt erst
        <div style="display:inline">
        <h3>Überschrift</h3>

        Tabelle
        </div>

        Du sollst nicht das DIV (das im Übrigen Überflüssig ist) als Inline-Element definieren, sondern das H3. Hier mal mein spontaner Lösungsansatz:

        <h3 style="float:left;width:300px;">Überschrift</h3>
        <table style="margin-left:300px;">
        ...
        </table>

        Gruss aus Luzern,
        Daniel

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln