Tabelle nur teilweise mit Rahmen

[Papa Echo]

Hallo,
Eine Tabelle, bestehend aus 4 Spalten und 3 Zeilen, soll nur teilweise einen Rahmen haben. Um das zu versdeutlichen habe ich mal ASCII Art gemalt:

-  -  -  -  +---------+---------+---------+
            |                             |
|           |                             |
            |                             |
-  -  -  -  +---------+---------+---------+

Der linke gestrichelte Teil soll nur andeuten, dass die Tabelle dort existiert, aber keinen Rahmen hat.
Wie bekomme ich das mit HTML hin?

 

[RaZ0oR]

Meines wissen funkt das nicht, aber ich lasse mich gerne anders belehren ;), jedenfalls würde ich einfach mehrere tabellen anlegen und die nebeneinander setzen

 

[Dark D.]

mit CSS: Rahmen: Übersicht: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

 

[nichtsgeht]

Ausnahmsweise mal den Code dazu, hatte gerade etwas Zeit:

  <table cellspacing="0" cellpadding="20">
    <tr>
      <td>Zeile 1 Spalte 1</td>
      <td style="border-left:1px solid #000; border-top:1px solid #000">Zeile 1 Spalte 2</td>
      <td style="border-top:1px solid #000">Zeile 1 Spalte 2</td>
      <td style="border-top:1px solid #000">Zeile 1 Spalte 3</td>
      <td style="border-top:1px solid #000; border-right:1px solid #000">Zeile 1 Spalte 4</td>
    </tr>
    <tr>
      <td>Zeile 2 Spalte 1</td>
      <td style="border-left:1px solid #000;">Zeile 2 Spalte 2</td>
      <td>Zeile 2 Spalte 2</td>
      <td>Zeile 2 Spalte 3</td>
      <td style="border-right:1px solid #000">Zeile 2 Spalte 4</td>
    </tr>
    <tr>
      <td>Zeile 3 Spalte 1</td>
      <td style="border-left:1px solid #000; border-bottom:1px solid #000">Zeile 3 Spalte 2</td>
      <td style="border-bottom:1px solid #000">Zeile 3 Spalte 2</td>
      <td style="border-bottom:1px solid #000">Zeile 3 Spalte 3</td>
      <td style="border-right:1px solid #000; border-bottom:1px solid #000">Zeile 3 Spalte 4</td>
    </tr>
  </table>

Erklärung dazu: Siehe Link von Dark D.

 

[Papa Echo]

@ nichtsgeht:
Wow, danke! Es geht also doch. :grin:

 

[Papa Echo]

Jetzt habe ich die teilumrahmte Tabelle mal eingebaut (mit Radio Buttons), aber da erscheit zwischen zwei Zellen so ein ganz kleiner Leerraum. Woran liegt das?

<table >
<colgroup>
<col width="200" align="right">
<col width="10">
<col width="100">
<col width="100">
</colgroup>
<tr>
 <td>Radio Buttons</td>
 <td> </td>
 <td style="border-left:1px solid #000; border-top:1px solid #000; border-bottom:1px solid #000"> <input type="radio" name="Radio Buttons" value="Radio 1">Radio 1 </td>
 <td style="border-top:1px solid #000; border-bottom:1px solid #000; border-right:1px solid #000"> <input type="radio" name="Radio Buttons" value="Radio 2">Radio 2 </td>
</tr>
</table>

 

[nichtsgeht]

Setz mal cellspacing auf Null.

<table cellspacing="0">

 

[threadi]

Besser per CSS:

table { border-collapse: collapse; }