SiMbAbWe: Tabellenproblem

Hallo Leute, ich habe eine Problem mit einer Tabelle. Und zwar will ich, dass eine zweizeilige Tabelle in der zweiten Spalte ein "Padding" macht, aber lediglich an festgelegten Bereichen. Quasi innen und oben. Wenn ich das aber über das Padding steuere, macht er mir ja auch außen den "Platz". Ist ein bissel schwer zum erklären. Deshalb habe ich hier mal ein Bild angehängt :) Ich hoffe das verdeutlicht mein Problem.

Tabelle

Kann ich das irgendwie steuern?

  1. Om nah hoo pez nyeetz, SiMbAbWe!

    Ich denke, du solltest dir [ref:self812;css/eigenschaften/tabellen.htm#table_layout@title=table-layout] anschauen, das Boxmodell berücksichtigen und sicherstellen, dass du dich nicht im Quirksmodus befindest.

    Matthias

    --
    http://www.billiger-im-urlaub.de/kreis_sw.gif
  2. Hallo,

    Hallo Leute, ich habe eine Problem mit einer Tabelle. Und zwar will ich, dass eine zweizeilige Tabelle in der zweiten Spalte ein "Padding" macht, aber lediglich an festgelegten Bereichen.

    Tabelle

    das sieht eher nach Layouttabelle als nach tabellarischen Daten aus :-)

    Wenn's tabellarische Daten sind, ist eine Tabelle angebracht und Du kannst die von Dir gewünschte Darstellung mit CSS und der Eigenschaft http://de.selfhtml.org/css/eigenschaften/rahmen.htm@title=border erreichen. Vielleicht hilft Dir zusätzlich das <http://de.selfhtml.org/css/eigenschaften/tabellen.htm#border_collapse@title=Rahmenmodell der Tabellen>.

    Wenn's Layout sein soll, rate ich Dir zu <http://de.selfhtml.org/css/layouts/mehrspaltige.htm#kopf_fuss@title=CSS-basierten Layouts>.

    Freundliche Grüße

    Vinzenz

    1. Es handelt sich in der Tat lediglich um Dateninhalt. Die hab ich hier bei diesem Screenshot nur rausgelöscht. Soll ein HTML Element im Typo3 werden. Eine Art Inhaltsverzeichnis bzw. Auflistung.

      Aber dennoch danke für euren Rat. . .

      1. Hi,

        Es handelt sich in der Tat lediglich um Dateninhalt. Die hab ich hier bei diesem Screenshot nur rausgelöscht. Soll ein HTML Element im Typo3 werden. Eine Art Inhaltsverzeichnis bzw. Auflistung.

        http://de.selfhtml.org/html/text/listen.htm@title=Listen

        ~dave

  3. Hi,

    Und zwar will ich, dass eine zweizeilige Tabelle in der zweiten Spalte ein "Padding" macht

    Was Du möchtest schaut mir eher nach "margin" aus. Das können td jedoch nicht. Ggf. einfach eine border verwenden.

    Ansonsten solltest Du scharf darüber nachdenken, ob ein Tabellenbasiertes Layout noch zeitgemäß ist.

    Gruesse, Joachim

    --
    Am Ende wird alles gut.
    1. Mahlzeit Joachim,

      Ansonsten solltest Du scharf darüber nachdenken, ob ein Tabellenbasiertes Layout noch zeitgemäß ist.

      Verschwendete Liebesmüh': das ist es in keinem Fall.

      MfG,
      EKKi

      --
      sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
  4. Hallo SiMbAbWe,

    Hallo Leute, ich habe eine Problem mit einer Tabelle. Und zwar will ich, dass eine zweizeilige Tabelle in der zweiten Spalte ein "Padding" macht, aber lediglich an festgelegten Bereichen.

    Wo ist das Problem, wenn du statt mit Padding für die Tabellenzellen mit dem "cellspacing"-Attribut und einem negativen Margin bei der Tabelle arbeitest, der die überflüssigen Space-Bereiche innerhalb eines umgebenden Elements mit der Eigenschaft overflow:hiddenins unsichtbare Off zieht?

      
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
    <html xmlns="http://www.w3.org/1999/xhtml">  
    <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    <title>Unbenanntes Dokument</title>  
    <style type="text/css">  
    [code lang=css]body {background-color: pink; }  
    .clipDiv { overflow:hidden; background-color:white; width:200px; }  
    .clipDiv table { margin:-5px; width:210px; }  
    .clipDiv th { height:29px; background-color:#cdcee3; padding:0; }  
    .clipDiv td { height:121px; background-color:#e5e5e5; padding:0; }
    

    </style>
    </head>

    <body>
    <div class="clipDiv">
       <table cellspacing="5">
          <tr>
             <th colspan="2">&nbsp;</th>
          </tr>
          <tr>
             <td>&nbsp;</td>
             <td>&nbsp;</td>
          </tr>
       </table>
    </div>
    </body>
    </html>
    [/code]

    Gruß Gernot