DAB268: Cellpadding, cellspacing in CSS

SELF-Forum

Cellpadding, cellspacing in CSS

DAB268
– Informationen zu den Bewertungsregeln

Hallo.
Ist es möglich die Befehle cellpadding und cellspacing im CSS Format zu benutzen?

MfG
DAB268

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Cellpadding, cellspacing in CSS

    Dieter Raber
    – Informationen zu den Bewertungsregeln

    Hallo,

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

    Dieter

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Cellpadding, cellspacing in CSS

      DAB268
      – Informationen zu den Bewertungsregeln

      Hallo,

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

      Dieter

      table.left {width:90%;border:0px;background-color:#00CCAA;collapse:0px;padding:0px;}

      Wenn ich
      collapse:0px
      durch
      border-collapse:collapse
      ersetze, dann wird der Rand kleiner.
      Wie geht er ganz weg?

      MfG
      DAB268

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Cellpadding, cellspacing in CSS

        MudGuard
        – Informationen zu den Bewertungsregeln

        Hi,

        table.left {width:90%;border:0px;background-color:#00CCAA;collapse:0px;padding:0px;}

        Wenn ich
        collapse:0px

        gibt es nicht.

        durch
        border-collapse:collapse
        ersetze, dann wird der Rand kleiner.
        Wie geht er ganz weg?

        border-spacing:0;

        Außerdem:
        Wenn Du cellpadding ersetzen willst, mußt Du padding natürlich auf die Tabellenzellen anwenden:
        table.left td, table.left th { padding:0; }
        cu,
        Andreas

        --
        Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
        http://mud-guard.de/
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. Cellpadding, cellspacing in CSS

          DAB268 Homepage des Autors
          – Informationen zu den Bewertungsregeln

          border-spacing:0;

          Ist border-spacing:0; nicht das selbe wie border:0;?

          Muss da nicht noch eine Einheit wie px hinter?

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

          1. Cellpadding, cellspacing in CSS

            MudGuard
            – Informationen zu den Bewertungsregeln

            Hi,

            Ist border-spacing:0; nicht das selbe wie border:0;?

            Nein. border:0; ist identisch mit border-width:0;, aber nicht mit border-spacing:0;

            Muss da nicht noch eine Einheit wie px hinter?

            Nein. Beim Wert 0 ist keine Einheit erforderlich. Weil 0cm genauso lang sind wie 0px.
            cu,
            Andreas

            --
            Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
            http://mud-guard.de? http://www.andreas-waechter.de/
            Beitrag melden
            –
            Informationen zu den Bewertungsregeln

    2. Cellpadding, cellspacing in CSS

      DAB268 Homepage des Autors
      – Informationen zu den Bewertungsregeln

      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

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln