Kueppers: Tabelle in Tabelle

Hi, ich habe eine Tabelle mit noch einer Tabelle darin:

<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td width="50%">Tabelle1
      <div align="center">
        <center>
        <table border="0" cellpadding="0" cellspacing="0" width="250">
          <tr>
            <td>Tabelle 2</td>
          </tr>
        </table>
        </center>
      </div>
      <p> </td>
  </tr>
</table>

Wie gehe ich vor damit sich das Styling jerder einzelnen Tabelle Seperat verändern läßt? Ändere ich hier was, ändert sich die kompletten beiden Tabellen:

<style type="text/css">
table {
  font-family: "Arial";
  font-size: 10pt;
  color:#000000;
}
</style>

  1. <table border="0" cellpadding="0" cellspacing="0" width="100%">
      <tr>
        <td width="50%">Tabelle1
          <div align="center">
            <center>
            <table border="0" cellpadding="0" cellspacing="0" width="250">
              <tr>
                <td>Tabelle 2</td>
              </tr>
            </table>
            </center>

    Center kann man im Tabellen- oder td-Tag angeben

    <table align="center"...>

    <td align="center">

    Ausserdem ist es nicht nötig noch ein div hinzuzufügen.

    Wie gehe ich vor damit sich das Styling jerder einzelnen Tabelle Seperat verändern läßt? Ändere ich hier was, ändert sich die kompletten beiden Tabellen:

    <style type="text/css">
    table {
      font-family: "Arial";
      font-size: 10pt;
      color:#000000;
    }
    </style>

    table.irgendeinname

    table.irgeneinanderername

    Dann jeweils mit <table class="irgendeinname"> bzw. das andere, einbinden.

    1. Guten Tag,

      <table align="center"...>
      <td align="center">

      Oje:
      1. align ist kein gültiges Attribut für table.
      2. align ist "deprecated". Benutze statt dessen CSS.

      Warum muss es denn unbedingt eine verschachtelte Tabelle sein? Wenn du für die entsprechende Zelle style="text-align:center" festlegst, wird der Inhalt automatisch zentriert. Ein einfaches <p>Text</p> könnte es doch auch tun.

      mfg Torsten

      1. Oje:

        1. align ist kein gültiges Attribut für table.

        Doch. Zumindest in HTML 4 Trans.

        Warum muss es denn unbedingt eine verschachtelte Tabelle sein? Wenn du für die entsprechende Zelle style="text-align:center" festlegst,

        Warum so viel schreiben wenn's mit align schneller geht?

    2. Hi,
      wenn ich das richtig verstanden habe müßte das so aussehen. Dabei müßte der Text in table.1 kleiner als in table.2 erscheinen. Tut er aber nicht.

      <style type="text/css">

      table.1 {
        font-family: "Arial";
        font-size: 8pt;
        color:#000000;
        }

      table.2 {
        font-family: "Arial";
        font-size: 18pt;
        color:#000000;
        }
      </style>
      </head>

      <table class="table.1"  border="1" cellpadding="0" cellspacing="0">
      <tr><td>Test 1</td></tr></table>
      <p></p>

      <table class="table.2"  border="1" cellpadding="0" cellspacing="0">
      <tr><td>Test 2</td></tr></table>

      1. Hallo Kueppers,

        <table class="table.1"  border="1" cellpadding="0" cellspacing="0">

        lies bitte nach, wie man Klassen verwendet ->http://selfhtml.teamone.de/css/formate/zentrale.htm#klassen

        Grüße aus Nürnberg
        Tobias

        --
        Selfcode: sh:( fo:) ch:? rl:( br:< n4:& ie:% mo:| va:) de:] zu:) fl:( ss:| ls:[ js:|
  2. Hallo

    Versuche es doch mit Klassen, welche unabhängig vom HTML-Tag sind. Dann kannst Du jeder Zelle mit dem class-attribut ein Format zuweisen. (ACHTUNG: das class-attribut lässt sich meines wissens nicht per js dynamisch verändern)

    Hi, ich habe eine Tabelle mit noch einer Tabelle darin:

    <table border="0" cellpadding="0" cellspacing="0" width="100%">

    __   <tr class="meineKlasse">
    __     <td width="50%" class="deineKlasse">Tabelle1

    ...

    <style type="text/css">
    table {
      font-family: "Arial";
      font-size: 10pt;
      color:#000000;
    }

    meineKlasse { font-family.....}
    deineKlasse { font-family....}

    </style>

    vielleicht hilfts.
    gruesse
    gant

  3. Hallo Kueppers,

    <div align="center">
            <center>

    *pfui* schau bitte im Archiv nach, wie man Tabellen richtig zentriert.

    table {

    versuchs mal mit
    table table { /*(http://selfhtml.teamone.de/css/formate/zentrale.htm#verschachtelte_elemente)*/

    font-family: "Arial";

    font-family:Arial,sans-serif;

    font-size: 10pt;

    pt ist keine geeignete Einheit für Bildschirmdarstellung

    color:#000000;

    ist zwar richtig, color:#000; macht aber das gleiche :-)

    Grüße aus Nürnberg
    Tobias

    --
    Selfcode: sh:( fo:) ch:? rl:( br:< n4:& ie:% mo:| va:) de:] zu:) fl:( ss:| ls:[ js:|