[HTML] Tabelle designen

**himitsu**

Oder noch ein bissl übersichtlicher (für dich):
den Bildstyle als globale Klasse und die gleichen Formatierungen der einzelnen Zeilen in eine tabellenweite Spaltenformatierung umgewandelt
(ach ja, hab mal den Rand ums Bild beitseitig gleich gemacht - wenn die Rahenfarbe des Bildes sich von der Hintergrundfarbe unterscheidet, also der Rahmen sichtbar ist, dürfte es besser aussehn)

markieren

Code:

			<HTML>

  <Head>

    <Style>

      .image { border-color:#FFFFFF; border-style:clear; border-width:0px;

               border-left-width:10px; border-right-width:10px; }

    </Style>

  </Head>

  <Body>

    <Table bgcolor="#808080" border="0" cellspacing="2" cellpadding="5">

      <ColGroup>

        <Col span="7" width="46">

        <Col span="3" width="46" align="center">

      </ColGroup>

      <TR>

        <TH align="center">1</TH>

        <TH align="center">2</TH>

        <TH align="center">3</TH>

        <TH align="center">4</TH>

        <TH align="center">5</TH>

        <TH align="center">6</TH>

        <TH align="center">7</TH>

        <TH align="center">8</TH>

        <TH align="center">9</TH>

        <TH align="center">10</TH>      

      </TR>

      <TR>

        <TD colspan="7">TITEL</TD>

        <TD>a</TD>

        <TD>b</TD>

        <TD>c</TD>

      </TR>

      <TR>

        <TD>[img]bild.jpg[/img]</TD>

        <TD colspan="6">DOWNLOADS</TD>

        <TD>a</TD>

        <TD>b</TD>

        <TD>c</TD>

      </TR>

      <TR>

        <TD></TD>

        <TD>[img]bild.jpg[/img]</TD>

        <TD colspan="5">CAT_1</TD>

        <TD>a</TD>

        <TD>b</TD>

        <TD>c</TD>

      </TR>

      <TR>

        <TD colspan="2"></TD>

        <TD>[img]bild.jpg[/img]</TD>

        <TD colspan="4">CAT_2</TD>

        <TD>a</TD>

        <TD>b</TD>

        <TD>c</TD>

      </TR>

      <TR>

        <TD colspan="3"></TD>

        <TD>[img]bild.jpg[/img]

        </TD><TD colspan="3">CAT_3</TD>

        <TD>a</TD>

        <TD>b</TD>

        <TD>c</TD>

      </TR>

      <TR>

        <TD colspan="2"></TD>

        <TD>[img]bild.jpg[/img]</TD>

        <TD colspan="4">CAT_4</TD>

        <TD>a</TD>

        <TD>b</TD>

        <TD>c</TD>

      </TR>

      <TR>

        <TD></TD>

        <TD>[img]bild.jpg[/img]</TD>

        <TD colspan="5">CAT_5</TD>

        <TD>a</TD>

        <TD>b</TD>

        <TD>c</TD>

      </TR>

    </Table>

  </Body>

</HTML>

hab mal die letzten 3 Spalten einzeln formatiert (im Beispiel sind diese zentriert)

aber du kannst auch alle gleich behandeln:

markieren

Code:

			...

  <Body>

    <Table bgcolor="#808080" border="0" cellspacing="2" cellpadding="5">

      <ColGroup>

        [color=red]<Col span="7" width="46">[/color]

      </ColGroup>

      <TR>

...

[HTML] Tabelle designen

Re: [HTML] Tabelle designen

Forumregeln