Andreas Klug: Rahmen von Einzelzellen einer Tabelle bearbeiten

Hallo,

ich habe folgendes Problem:

Meine Tabelle hat 3 Spalten und 1 Zeile. Ich möchte nun die mittlere Zelle sichtbar, die beiden äußeren nicht sichtbar gestalten ( damit ich die relative Breite zur Seite einhalte ). Das scheint aber in HTML nicht möglich zu sein. Gibt es irgendeine Methode ( auch JavaScript o.ä. ) wie ich das trotzdem hinbekomme?
Wäre absolut toll, wenn jemand eine Lösung hätte. Vielen Dank.

mfG

Andreas Klug

  1. Hiho,

    Meine Tabelle hat 3 Spalten und 1 Zeile. Ich möchte nun die mittlere Zelle sichtbar, die beiden äußeren nicht sichtbar gestalten ( damit ich die relative Breite zur Seite einhalte ). Das scheint aber in HTML nicht möglich zu sein. Gibt es irgendeine Methode ( auch JavaScript o.ä. ) wie ich das trotzdem hinbekomme?

    Ja klar ist dieses möglich, auch ohne Javascript. Die Lösung heisst CSS (Cascading Style Sheets). Schau mal bei selfhtml rein, wie man eine CSS Datei, oder auch inline in deiner HTML Seite, Styles definiert....

    Bsp. für eine externe "tabllenDesign.css" - Datei

    td#testname{
     border-left : thin solid #000000 !important;
            border-right: .....etc
     }

    diese datei kannste dann in deiner eigentlichen HTML - Seite importieren:
    ...
    <head>
    <title>...</title>
    <link rel="stylesheet" href="tabellenDesign.css" type="text/css">
    </head>
    <body>
    ...

    und musst dann natürlich für deine Tabellenzelle folgendes angeben:

    <table border=0>
    <tr>
       <td> Zelle 1 </td>
       <td ID="testname"> hier erscheinen dann deine Rahmenlinien </td>
       <td> Zelle 3 </td>
    </tr>
    </table>
    ....

    --> aber das ganze kannste auch sehr gut in SELFHTML unter CSS gut nachlesen...

    Gruß
       Bjoern

    1. Hiho,

      Meine Tabelle hat 3 Spalten und 1 Zeile. Ich möchte nun die mittlere Zelle sichtbar, die beiden äußeren nicht sichtbar gestalten ( damit ich die relative Breite zur Seite einhalte ). Das scheint aber in HTML nicht möglich zu sein. Gibt es irgendeine Methode ( auch JavaScript o.ä. ) wie ich das trotzdem hinbekomme?

      Ja klar ist dieses möglich, auch ohne Javascript. Die Lösung heisst CSS (Cascading Style Sheets). Schau mal bei selfhtml rein, wie man eine CSS Datei, oder auch inline in deiner HTML Seite, Styles definiert....

      Bsp. für eine externe "tabllenDesign.css" - Datei

      td#testname{
      border-left : thin solid #000000 !important;
              border-right: .....etc
      }

      diese datei kannste dann in deiner eigentlichen HTML - Seite importieren:
      ...
      <head>
      <title>...</title>
      <link rel="stylesheet" href="tabellenDesign.css" type="text/css">
      </head>
      <body>
      ...

      und musst dann natürlich für deine Tabellenzelle folgendes angeben:

      <table border=0>
      <tr>
         <td> Zelle 1 </td>
         <td ID="testname"> hier erscheinen dann deine Rahmenlinien </td>
         <td> Zelle 3 </td>
      </tr>
      </table>
      ....

      --> aber das ganze kannste auch sehr gut in SELFHTML unter CSS gut nachlesen...

      Gruß
         Bjoern

      Viele Dank,

      werd ich gleich mal ausprobieren!!!

      Gruß

      Andreas