DAB268: Cellpadding, cellspacing in CSS

Beitrag lesen

Schau in SelfHTML nach den Eigenschaften fuer Border und dort nach 'collapse', was das 'cellspacing' angeht, 'cellpadding' ist einfach 'padding'.

Vielleicht liegt es daran, das es kein Border ist, der weg soll. Ich poste jetzt im Anschluss mal die CSS Datei und die HTML DAtei, damit ihr euch ein Bild machen könnt.

design.html------------------------------

<BODY>

<table class="main" align="center">
  <tr><th class="head" colspan="2" align="left"></th></tr>

<tr><td class="left">
  <br>
    <table class="left">
      <tr><th class="lheader">Links</th></tr>
      <tr><td>
        <table class="linside">
          <tr><td>ALF.de</td></tr>
          <tr><td>fritz.de</td></tr>
        </table>
      </td></tr>
    </table>
  <br>
    <table class="left" cellpadding="0" cellspacing="0">
       <tr><th class="lheader">Family</th></tr>
       <tr><td>
         <table class="linside">
           <tr><td><a href="C:">Mutter</a></td></tr>
           <tr><td><a href="C:">Vadder</a></td></tr>
         </table>
       </td></tr>
    </table>
  <br>
  </td>
  <td class="middle">
  <br>
    <table class="middle" align="center">
      <tr><th class="mheader">News</th>
      <tr><td>
        <table class="minside">
          <tr><td>Alles beim alten</td></tr>
          <tr><td>Doch wat neues!</td></tr>
        </table>
      </td></tr>
    </table>
    <br>
    <table class="middle" align="center">
       <tr><th class="mheader">dubidubv</th>
       <tr><td>
         <table class="minside">
           <tr><td>Alles beim alten</td></tr>
           <tr><td>Doch wat neues!</td></tr>
           <tr><td>Bla</td></tr>
           <tr><td>Bla</td></tr>
           <tr><td>Bla</td></tr>
           <tr><td>Bla</td></tr>
           <tr><td>Bla</td></tr>
           <tr><td>Bla</td></tr>
           <tr><td>Bla</td></tr>
           <tr><td>Bla</td></tr>
           <tr><td>Bla</td></tr>
         </table>
       </td></tr>
    </table>
    <br>
  </td>
  </tr>
  <tr><td class="bottom" colspan="3" align="center">© 2002 by http://www.cashseiten.de.vu</td></tr>
</table>

</BODY>
</HTML>

---------------------------------------

style.css---------------------------------------

h1,h2,h3,h4,p,ul,ol,li,div,td,th,address,blockquote,nobr,b,i {font-family:Arial,sans-serif;}

body {background-color:#CCCCCC;color:#000000;}

a {color:#BB0000;text-decoration:none;font-weight:bold;}
  a:hover {color:#770000;text-decoration:none;font-weigth:bold;}

table.main {width:90%;border:0px;background-color:#CCCCCC;} /* Haupttabelle um alle anderen */
  th.head {background-color:#AAAAAA;height:80px;background-image:url(dab268.jpg);} /* Head: oberste Tabellenreihe */
  td.middle {vertical-align:top;background-color:#CCCCCC;} /* Haupttabelle in der Mitte */
  td.left {width:15%;background-color:#CCCCCC;vertical-align:top;} /* Hauptabelle links */
  td.bottom {background-color:#CCCCCC;height:20px;font-size:9;} /* Bottom: Unterste Tabellenreihe */

table.left {width:90%;border:0px;background-color:#00CCAA;} /* Linke Tabelle um einzelne Rubriken */
    th.lheader {background-color:#5555AA;width:100%;} /* Rubrikenheader in der Linken Tabelle */
      table.linside {background-color:#DDEEFF;width:100%;} /* Linke Tabelle: Hauptteil */

table.middle {width:85%;border:0;background-color:#5555AA;} /* Mittlere Tabelle um einzelne Rubriken */
    th.mheader {background-color:#5555AA;} /* Rubrikenheader in der mittleren Tabelle */
      table.minside {background-color:#DDEEFF;width:100%;} /* Mittlere Tabelle: Hauptteil */

----------------------------------------------------------

Also es soll das selbe in der Tabelle mit dem Header Links mit CSS hervorgerufen werden, wie in der Tabelle mit dem Header Family in HTML.

Geht das?

MfG
DAB268