Helmut: Cellpadding Cellspacing

Kann man Cellpadding und Cellspacing mit CSS auch definieren oder muss man den HTML-Code einfügen?

  1. Hi,

    Kann man Cellpadding und Cellspacing mit CSS auch definieren oder muss man den HTML-Code einfügen?

    Hast du dich bereits über die CSS-Eigenschaften zur Tabellenformatierung inormiert?
    http://de.selfhtml.org/css/eigenschaften/tabellen.htm

    MfG ChrisB

    --
    RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
    1. Hab etwas nachgelesen und festgestellt das man viele Dinge super mit CSS machen kann vorallem das ganze mit der Schriftensache und Bilder, voll intressant:
      http://de.selfhtml.org/css/eigenschaften/schrift.htm@title=Schriften
      http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#line_height@title=Zeilenabstand
      <http://de.selfhtml.org/css/eigenschaften/schrift.htm#word_spacing@title=Sperren von Text>
      <http://de.selfhtml.org/html/grafiken/einbinden.htm@title=Bilder einfügen>

      Und das mit den Containern find ich auch voll nützlich. Muss ich mal ausprobieren. Verwendet man das oft?
      http://de.selfhtml.org/css/eigenschaften/positionierung.htm#left@title=Container

      Das mit den Links erstellen hab ich jetzt auch kapiert ist ja ganz einfach.
      Vorallem das mit dem E-Mail-Link
      <http://de.selfhtml.org/html/verweise/definieren.htm@title=Link 1>
      <http://de.selfhtml.org/html/verweise/email.htm@title=Link 2>

    2. ... inormiert?

      @ ChrisB

      Lass doch einfach solche unqualifizierten Kommentare.

      1. Lass doch einfach solche unqualifizierten Kommentare.

        Wieso unqualifiziert - ChrisB hat exakt auf die richtige Dokumentationsseite verwiesen.

      2. Mahlzeit der Noob,

        @ ChrisB

        Lass doch einfach solche unqualifizierten Kommentare.

        Allein die Tatsache, dass Du ChrisBs Kommentar als unqualifiziert bezeichnest, disqualifiziert wiederum Dich.

        MfG,
        EKKi

        --
        sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
  2. cellpadding definierst du mit padding und cellspacing mit margin
    gibt es aber sehr viele Beispiele, wenn du unter google schaust

    1. cellpadding definierst du mit padding und cellspacing mit margin
      gibt es aber sehr viele Beispiele, wenn du unter google schaust

      Und warum konsultierst du sie dann selber nicht?
      http://de.selfhtml.org/css/eigenschaften/tabellen.htm#border_spacing

      mfg Beat

      --
      ><o(((°>           ><o(((°>
         <°)))o><                     ><o(((°>o
      Der Valigator leibt diese Fische
      1. weil margin genauso funzt

        1. Om nah hoo pez nyeetz, user99!

          weil margin genauso funzt

          Da wäre ich nicht so sicher (dort: Beachten Sie!)

          Matthias

          --
          http://www.billiger-im-urlaub.de/kreis_sw.gif
        2. weil margin genauso funzt

          Unsinn, border-spacing und margin verhalten sich anders.

          border-spacing fällt im Gegensatz zu margin beispielweise nicht (ohne weiteres zutun) zusammen (Stichwort: Collapsing Margins).

          1. Hi,

            weil margin genauso funzt

            Unsinn, border-spacing und margin verhalten sich anders.

            Genau. Insbesondere kann man mit margin keinen Abstand zwischen den Zellen/Zeilen herstellen, wegen:

            'margin'
                Applies to:   all elements except elements with table display types other than table-caption, table and inline-table

            Bei table-cell/table-row und noch ein paar anderen muß eine margin-Angabe ignoriert werden. Wie user99 dann mit margin einen Abstand zwischen den Zellen hinbekommen will, erschließt sich mir nicht ...

            cu,
            Andreas

            --
            Warum nennt sich Andreas hier MudGuard?
            O o ostern ...
            Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.
  3. Hab etwas nachgelesen und festgestellt das man viele Dinge super mit CSS machen kann vorallem das ganze mit der Schriftensache und Bilder, voll intressant:
    http://de.selfhtml.org/css/eigenschaften/schrift.htm@title=Schriften
    http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#line_height@title=Zeilenabstand
    <http://de.selfhtml.org/css/eigenschaften/schrift.htm#word_spacing@title=Sperren von Text>
    <http://de.selfhtml.org/html/grafiken/einbinden.htm@title=Bilder einfügen>

    Und das mit den Containern find ich auch voll nützlich. Muss ich mal ausprobieren. Verwendet man das oft?
    http://de.selfhtml.org/css/eigenschaften/positionierung.htm#left@title=Container

    Das mit den Links erstellen hab ich jetzt auch kapiert ist ja ganz einfach.
    Vorallem das mit dem E-Mail-Link
    <http://de.selfhtml.org/html/verweise/definieren.htm@title=Link 1>
    <http://de.selfhtml.org/html/verweise/email.htm@title=Link 2>

    1. Und das mit den Containern find ich auch voll nützlich. Muss ich mal ausprobieren. Verwendet man das oft?
      http://de.selfhtml.org/css/eigenschaften/positionierung.htm#left@title=Container

      Leider ja. Der natürliche Fuss ist nach wie vor das Beste für den Viewport unbekannter Grösse.

      Und damit du in Zukunft html-Tabellen wirklich nur für tabellarische Daten gebrauchst, gibt es für andere Elemente, die als tabellarisches Grid dargestellt werden sollen, die CSS-Eigenschaften:
      display:table
      display:table-row
      display:table-cell

      mfg Beat

      --
      ><o(((°>           ><o(((°>
         <°)))o><                     ><o(((°>o
      Der Valigator leibt diese Fische
    2. Hab etwas nachgelesen und festgestellt das man viele Dinge super mit CSS machen [...]

      Man kann noch extrem viele andere Dinge mit CSS machen - runde Ecken, Halbtransparenz, Drehungen, einfache Effekte/Animationen. Problematisch sind lediglich alte Browser die dann auf der Strecke bleiben.

      Aber die von dir gerade entdeckten Dinge sind solide und können recht problemlos angewandt werden.

      1. @@suit:

        nuqneH

        Man kann noch extrem viele andere Dinge mit CSS machen - runde Ecken, Halbtransparenz, Drehungen, einfache Effekte/Animationen.

        Kurz gesagt: alles, was mit der Präsentation zu tun hat. Was sich BTW nicht auf die visuelle Präsentation beschränkt.

        Problematisch sind lediglich alte Browser die dann auf der Strecke bleiben.

        Wieso problematisch? Progressive enhancement is a feature, not a bug.

        Qapla'

        --
        Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
        (Mark Twain)
        1. Wieso problematisch? Progressive enhancement is a feature, not a bug.

          Versuch das einem Kunden zu erklären :)

          1. @@suit:

            nuqneH

            Wieso problematisch? Progressive enhancement is a feature, not a bug.

            Versuch das einem Kunden zu erklären :)

            Zeig ihm als Basisvariante einen gut aussehenden Mock-up. Daneben einen etwas besser aussehenden mit Gradienten und runden Ecken. Beziffer die Kosten, das für moderne Browser umzusetzen, auf 50 €.

            (Es sind nur 5 €, aber der Kunde muss ja nicht wissen, wie einfach das ist. Dann verlöre man ja seinen Ruf, zaubern zu können. Scotty lässt grüßen.)

            Beziffer die Mehrkosten, das auch für alte Browser umzusetzen, auf 500 €. Verschweige dabei nicht, dass bald der IE 9 kommt, der auch mit der für den Kunden preiswerteren Variante abgedeckt ist.

            Lass den Kunden entscheiden, ob er für etwas Schnickschack in IE 500 € mehr zahlen will. Er wird den Vorzug von progressive enhancement erkennen. ;-)

            Qapla'

            --
            Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
            (Mark Twain)
            1. Lass den Kunden entscheiden, ob er für etwas Schnickschack in IE 500 € mehr zahlen will. Er wird den Vorzug von progressive enhancement erkennen. ;-)

              Wenn der Chef in seinem Büro einen IE6 hat, dann muss das sein - "[...]sonst bringt die ganze Homepage[sic!] ja nichts, wenn die nicht gut ausschaut."

              Die wenigsten Kunden verstehen wirklich, dass es sich bei einer Website primäre um den Inhalt trennt.

              1. @@suit:

                nuqneH

                Wenn der Chef in seinem Büro einen IE6 hat, dann muss das sein

                Na dann freu dich über die zusätzlich verdienten 500 €.

                Qapla'

                --
                Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
                (Mark Twain)
                1. Wenn der Chef in seinem Büro einen IE6 hat, dann muss das sein

                  Na dann freu dich über die zusätzlich verdienten 500 €.

                  Natürlich sag ich nicht nein - aber es frustet trotzdem ;) wenn der Kunde die 500 Euro lieber in einen Fotografen steckt der ein paar Bilder seines Betriebs schießt wäre das Geld besser aufgehoben.

                  1. Om nah hoo pez nyeetz, suit!

                    Natürlich sag ich nicht nein - aber es frustet trotzdem ;) wenn der Kunde die 500 Euro lieber in einen Fotografen steckt der ein paar Bilder seines Betriebs schießt wäre das Geld besser aufgehoben.

                    Man (ich in diesem Fall glücklicherweise nicht) ist eben auch immer ein Stück weit Berater.

                    Matthias

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