Triax: Tabelle formatieren

Hi =)

Ich versuche im Moment, ein Design mit einer Tabelle zu gestalten. Jetzt möchte ich wissen, ob es möglich ist, in ihr folgende Dinge zu gestalten:

http://dracus.selfip.org/table1.gif

http://dracus.selfip.org/table2.gif

Und soetwas, bei dem das Hintergrundbild allerdings im Vordergrund liegt, also den Inhalt der Zelle überlappt:
http://dracus.selfip.org/table3.gif

Gruß & Danke
Triax

  1. Hallo,

    Ich versuche im Moment, ein Design mit einer Tabelle zu gestalten. Jetzt möchte ich wissen, ob es möglich ist, in ihr folgende Dinge zu gestalten:

    http://dracus.selfip.org/table1.gif

    eine ganz einfache Dreiteilung? Natürlich, die linke Spalte erhält ein rowspan, das war's.

    http://dracus.selfip.org/table2.gif

    Grundsätzlich ist es auch kein Problem, verschiedene Elemente in einer Zelle teils oben, teils unten auszurichten. CSS kann das.

    Und soetwas, bei dem das Hintergrundbild allerdings im Vordergrund liegt, also den Inhalt der Zelle überlappt:
    http://dracus.selfip.org/table3.gif

    Hä? Das verstehe ich jetzt nicht wirklich. Die Grafik suggeriert einfach ein rechts unten positioniertes Hintergrundbild. Dass ein Hintergrundbild quasi "vorn" liegt, ist allerdings nicht möglich; dafür müsstest du es schon als normales img-Element einbinden.

    Aber um etwas konkreter mit den Hinweisen zu werden, braucht es auch von dir etwas konkretere Informationen, was du eigentlich willst. Generell empfehle ich dir allerdings, von den Tabellen als Layoutmittel wegzukommen. Die meisten Layouts bekommt man mit CSS genauso einfach, manchmal sogar einfacher hin, und vor allem ist es später leichter zu pflegen.

    So long,
     Martin

    PS: Was hatte die Frage nun eigentlich mit HTTP zu tun?

    --
    Computer funktionieren grundsätzlich nicht richtig.
    Wenn doch, hast du etwas falsch gemacht.
    1. Hi

      Grundsätzlich ist es auch kein Problem, verschiedene Elemente in einer Zelle teils oben, teils unten auszurichten. CSS kann das.

      Habe bis jetzt noch keine Möglichkeit dazu gefunden, brauche ich allerdings auch nicht, wenn du mir die neue Frage beantworten kannst (s. unten).

      Und soetwas, bei dem das Hintergrundbild allerdings im Vordergrund liegt, also den Inhalt der Zelle überlappt:
      http://dracus.selfip.org/table3.gif

      Hä? Das verstehe ich jetzt nicht wirklich. Die Grafik suggeriert einfach ein rechts unten positioniertes Hintergrundbild. Dass ein Hintergrundbild quasi "vorn" liegt, ist allerdings nicht möglich; dafür müsstest du es schon als normales img-Element einbinden.

      Habe das Bild überarbeitet (ggf. aktualisieren), aber du sagst ja bereits, dass es nicht möglich ist.
      Wie kann ich denn die Grafik als normales <img> mit ihrer unteren rechten Ecke an der unteren rechten Ecke der <td> ausrichten?

      PS: Was hatte die Frage nun eigentlich mit HTTP zu tun?

      Da hab ich mich leider verlesen. ;)

      Gruß
      Triax

  2. Hi!

    Was hat deine Frage mit HTTP zu tun?
    Es handelt sich doch offensichtlich um HTML oder um CSS.

    Ich versuche im Moment, ein Design mit einer Tabelle zu gestalten.

    Das solltest du nicht tun.
    Das kann zwar syntaktisch korrekt sein, aber es ist semantisch in jedem Fall falsch.
    Tabellen sollten nur für tabellarische Daten zum Einsatz kommen.
    Für die Darstellung solltest du CSS einsetzen, anstatt Tabellen zu Layoutzwecken zu mißbrauchen.

    Jetzt möchte ich wissen, ob es möglich ist, in ihr folgende Dinge zu gestalten:
    http://dracus.selfip.org/table1.gif

    Ja, ist möglich.

    http://dracus.selfip.org/table2.gif

    Das ist ebenfalls möglich, indem du die Tabellen-Rahmen (border) auf Null setzt und somit unsichtbar machst.

    Und soetwas, bei dem das Hintergrundbild allerdings im Vordergrund liegt, also den Inhalt der Zelle überlappt:
    http://dracus.selfip.org/table3.gif

    Das verstehe ich nicht so ganz...
    Hintergrundbild im Vordergrund? Wie sollte sowas denn möglich sein?
    Eventuell könntest du dir mit CSS und z-Index was basteln.
    Aber ich verstehe das Vorhaben nicht und mit Hilfe des Beispielbildes wird es mir auch nicht klar.

    Schau in SelfHTML.
    Dort findest du alles, was du brauchst.
    Im Kapitel Tabellen wird erklärt, wie du deine Tabellen aufbauen kannst.
    Es sind auch immer Code-Beispiele mit dabei.
    Und dann solltest du einen Blick in das CSS-Kapitel werfen.
    Ich halte es für am sinnvollsten, wenn du auf dein Tabellenlayout verzichten würdest und die für die Darstellung CSS einsetzt.

    Schöner Gruß,
    rob

    1. Was hat deine Frage mit HTTP zu tun?
      Es handelt sich doch offensichtlich um HTML oder um CSS.

      Ups, verlesen.

      Ich versuche im Moment, ein Design mit einer Tabelle zu gestalten.
      Das solltest du nicht tun.
      Das kann zwar syntaktisch korrekt sein, aber es ist semantisch in jedem Fall falsch.
      Tabellen sollten nur für tabellarische Daten zum Einsatz kommen.
      Für die Darstellung solltest du CSS einsetzen, anstatt Tabellen zu Layoutzwecken zu mißbrauchen.

      Im Moment ist das leider die einzige Möglichkeit, die ich relativ gut beherrsche und die meines Wissens von allen Browsern verwendet werden kann.

      Jetzt möchte ich wissen, ob es möglich ist, in ihr folgende Dinge zu gestalten:
      http://dracus.selfip.org/table1.gif
      Ja, ist möglich.

      Werde es mit dem rowspan versuchen, das Der Martin mir empfohlen hat.

      http://dracus.selfip.org/table2.gif
      Das ist ebenfalls möglich, indem du die Tabellen-Rahmen (border) auf Null setzt und somit unsichtbar machst.

      Soll aber innerhalb einer einzigen Zelle sein.

      Und soetwas, bei dem das Hintergrundbild allerdings im Vordergrund liegt, also den Inhalt der Zelle überlappt:
      http://dracus.selfip.org/table3.gif
      Das verstehe ich nicht so ganz...
      Hintergrundbild im Vordergrund? Wie sollte sowas denn möglich sein?
      Eventuell könntest du dir mit CSS und z-Index was basteln.
      Aber ich verstehe das Vorhaben nicht und mit Hilfe des Beispielbildes wird es mir auch nicht klar.

      Habe das Bild nocheinmal überarbeitet, schau es dir nocheinmal an (ggf. aktualisieren), jetzt sollte man es verstehen.
      Wie kann ich beim Hintergrund definieren, dass seine untere rechte Ecke an der unteren rechten Ecke der <td> ausgerichtet ist? Das kriege ich auch nicht hin.

      Ich halte es für am sinnvollsten, wenn du auf dein Tabellenlayout verzichten würdest und die für die Darstellung CSS einsetzt.

      Arbeite mit einer Kombination aus beidem.

      Danke :)
      Triax

      1. Moin

        Für die Darstellung solltest du CSS einsetzen, anstatt Tabellen zu Layoutzwecken zu mißbrauchen.
        Im Moment ist das leider die einzige Möglichkeit, die ich relativ gut beherrsche und die meines Wissens von allen Browsern verwendet werden kann.

        wenn du nicht gerade für ein Browser-Museum schreibst ist das irrelevant und keineswegs eine Entschuldigung für eine deratig antiquierte Layouttechnik.

        Gruß
        rfb

        --
        Man kann einen Menschen nichts lehren, man kann ihm nur helfen, es selbst zu entdecken.
        (Galileo Galilei)
        1. Für die Darstellung solltest du CSS einsetzen, anstatt Tabellen zu Layoutzwecken zu mißbrauchen.
          Im Moment ist das leider die einzige Möglichkeit, die ich relativ gut beherrsche und die meines Wissens von allen Browsern verwendet werden kann.
          wenn du nicht gerade für ein Browser-Museum schreibst ist das irrelevant und keineswegs eine Entschuldigung für eine deratig antiquierte Layouttechnik.

          Entschuldigen muss ich mich wohl kaum. ;)
          Sobald das Arbeiten mit den DIVs so verständlich und vor allem übersichtlich (ich erkenn dort nämlich nicht das, was wirklich nur bei diesem float-effekt benutzt wird) erklärt ist, widme ich mich dieser Art.

          Im Großen und ganzen habe ich bereits erreicht, was ich haben wollte.

          Danke an alle :)
          Gruß
          Triax

          1. Moin

            Sobald das Arbeiten mit den DIVs so verständlich ... erklärt ist

            DIVs sind kein Ersatz für Tabellenlayout und schon gar nicht notwendiger Bestandteil des Layouten mit CSS. Das Arbeiten mit semantisch korrektem HTML hingegen ist (fast) selbsterklärend.

            Gruß
            rfb

            --
            Man kann einen Menschen nichts lehren, man kann ihm nur helfen, es selbst zu entdecken.
            (Galileo Galilei)