Katja: Saubere Tabellenlinien gestalten

Hallo Freunde im Forum,
versuche verzweifelt eine saubere Tabelle zu erzeugen, bei der jede
Linie gleich ist und die Farbe vom Grid die gleiche wie beim Rahmen ist.

table
{
  border-collapse:collapse;
  border:1px solid blue;
  empty-cells:show;
  border-spacing:1cm;
}
th { border-bottom:1px solid }
tr { border-bottom:1px solid red;}
td { border-right: 5px }
COL { border-style:5px solid blue;}

Das haben wir in CSS probiert, merkwürdigerweise erscheint die rote Linie unter dem Tableheader und auch nur einmal.
Welche CSS-Angaben funktionieren denn überhaupt schon ?
Browser ab MSIE 5.0

erhoffe mir Hilfe  Katja

  1. Hallo,

    versuche verzweifelt eine saubere Tabelle zu erzeugen, bei der jede
    Linie gleich ist und die Farbe vom Grid die gleiche wie beim Rahmen ist.

    Suchst Du

    table,th,td
    {
      border: 1px solid blue;
      border-collapse: collapse;
    }

    ?

    Welche CSS-Angaben funktionieren denn überhaupt schon ?

    Vielleicht hilft Dir http://www.styleassistant.de/tips/tip72.htm.

    MfG, Thomas

    1. Hallo Thomas, hallo Forum,

      ich habe zusammen mit Katja heute versucht, den Fehler zu finden.

      Es war ein einziges Gewürge. Und Keiner hatte eine Idee, wieso es erst funktioniert hat, und dann wieder doch nicht.

      Ich habe dann nachher mal in Ruhe dei CSS-Datei in "meine" Formatierung gebracht, und da war der Fehler sofort offensichtlich:

      Es lag ein Nesting-Error von schließender geschweifter Klammer und Auskommentierung vor. Kanns Dir vielleicht vorstellten, was die armen Browser geschwitzt haben müssen. Leider gibt es ja keinerlei Fehlermeldungen. Gibt es ein CSS-Validierungstool?

      Außerdem haben wir eine ganze Weile an den Kommentarzeichen gekränkelt, weil ich fälschlicherweise der meinung war, dass man auch mit // eine Zeile auskommentieren könnte. Das sollte in Self nochmal klar zum Ausdruck kommen, dass in CSS-Dateien die Auskommentierung weder mit <!-- --> (das war ja klar) noch mit // (das war keineswegs klar) funktioniert. Wir wissen es jetzt, haben aber dafür sehr viel Zeit verballert.

      Vielen Ddank für Deinen Tipp. Den werden wir morgen mal unter die Lupe nehmen.

      Eigentlich war ja heute die Session-Verarbeitung dran und die Tabellen sollten "nur mal eben" für die Doku benutzt werden. *heul*

      Grüße

      Tom

      versuche verzweifelt eine saubere Tabelle zu erzeugen, bei der jede
      Linie gleich ist und die Farbe vom Grid die gleiche wie beim Rahmen ist.

      Suchst Du

      table,th,td
      {
        border: 1px solid blue;
        border-collapse: collapse;
      }

      ?

      Welche CSS-Angaben funktionieren denn überhaupt schon ?

      Vielleicht hilft Dir http://www.styleassistant.de/tips/tip72.htm.

      MfG, Thomas

      1. Hallo,

        Es lag ein Nesting-Error von schließender geschweifter Klammer und Auskommentierung vor. Kanns Dir vielleicht vorstellten, was die armen Browser geschwitzt haben müssen. Leider gibt es ja keinerlei Fehlermeldungen. Gibt es ein CSS-Validierungstool?

        http://jigsaw.w3.org/css-validator/

        Außerdem haben wir eine ganze Weile an den Kommentarzeichen gekränkelt, weil ich fälschlicherweise der meinung war, dass man auch mit // eine Zeile auskommentieren könnte. Das sollte in Self nochmal klar zum Ausdruck kommen, dass in CSS-Dateien die Auskommentierung weder mit <!-- --> (das war ja klar) noch mit // (das war keineswegs klar) funktioniert. Wir wissen es jetzt, haben aber dafür sehr viel Zeit verballert.

        Nur /* ... */ ist in CSS fuer die ein- bzw. mehrzeilige Auskommentierung gedacht. Ich habe diverse Kommentierungen vor laengerer Zeit mal hier beschrieben: http://www.styleassistant.de/tips/tip34.htm.

        MfG, Thomas

      2. Hallo Tom

        ich habe zusammen mit Katja heute versucht, den Fehler zu finden.

        Es lag ein Nesting-Error von schließender geschweifter Klammer und Auskommentierung vor.

        Außerdem haben wir eine ganze Weile an den Kommentarzeichen gekränkelt,

        Das mit dem Link für die CSS-Validierung und den richtigen Kommentarzeichen hat Dir ja schon Thomas Meinike verraten.

        Aber gerade bei Problemen mit Nestingerrors und falsch gesetzten Kommentaren kann Dir ein Editor mit Syntax-Highlighting ausgezeichnete Dienste leisten.

        Ich verwende 1stPage2000 (ist freeware von http://www.evrsoft.com/) und dort werden z.B. Kommentare mit gelben Hintergrund (ist natürlich einstellbar) dargestellt, sind also schon von 'weiten' eindeutig zu erkennen.
        Wenn ich Beispielsweise in ner CSS // verwende oder */Kommentar/* statt richtig /*Kommentar*/ (das geht schneller als man denkt) stellt er es nicht mit gelben Hintergrund dar und ich weiss _sofort_ dass es keiner ist, weil ich was falsch gemacht habe.

        Ebenso werden Nestingfehler durch falsch gesetzte Klammern, sowohl in CSS als auch JS und anderen Scriptsprachen (und natürlich auch Fehler durch falsche/fehlende "" bei HTML) dadurch festgestellt, daß sie nicht die Richtige Textauszeichnung haben.

        Hoffe, das hilft Euch für die Zukunft :-)

        Grüße aus Nürnberg, HarryS

        1. Hallo Harry,

          Ich verwende 1stPage2000 (ist freeware von http://www.evrsoft.com/) und dort werden z.B. Kommentare mit gelben Hintergrund (ist natürlich einstellbar) dargestellt, sind also schon von 'weiten' eindeutig zu erkennen.

          Den haben wir auch schon benutzt, aber wie bringe ich dem Teil bei, dass er auch *.php Dateien anzeigt und unterstützt? Darum ging es ja eigentlich heute. CSS war ja "nur mal eben" für die Doku der Session-Verarbeitung gefragt.

          Wie man sich doch irren kann...

          Tom

          1. Hallo Tom,

            Den haben wir auch schon benutzt, aber wie bringe ich dem Teil bei, dass er auch *.php Dateien anzeigt und unterstützt? Darum ging es ja eigentlich heute. CSS war ja "nur mal eben" für die Doku der Session-Verarbeitung gefragt.

            Achso PHP, tja damit hab ich mich noch überhaupt nicht befasst *schäm**g*

            Hab mal in SELF-Hyperraum gestöbert (wo auch sonst *hehehe*) und auf http://aktuell.de.selfhtml.org/links/html_editoren.htm

            das hier gefunden: http://www.editplus.com/
            Der soll auch bei PHP 'highlighten' (oh verflixt dieses 'denglish'*bg*)

            vielleicht wirdt Du mit dem glücklich.

            Grüße aus Nürnberg, HarryS