CSS: Einzelne Zeilen im <pre> ansprechen?

[Auge]

Hallo

Du bist hier so lange dabei, dass du wissen solltest, dass CSS-Regeln nur auf HTML-Elemente und ihren Inhalt anwendbar sind.

Ja, Inhalt. Zeilen sind Inhalt von <pre>.

Nein, der Text an sich ist der Inhalt, andere Elemente sind, falls vorhanden, Inhalt. Zeilen sind es, bis auf die erste (wie du ja festgestellt hast), nicht. Umbrüche, Tabs, Lerzeichen, auch zu mehreren, sind in HTML einfach nur Leerzeichen. Deshalb gibt es innerhalb eines Elements keine mehreren Zeilen.

Und wie ein Zauberer mit dem richtigen Spruch "Simsalabim" umgeht, klappt es zumindest für die erste Linie mit "::first-line".

:first-line dient klassischerweise dazu, den Anfang eines Textabsatzes abweichend vom Rest des Absatzes besonders zu formatieren. Das war früher™ im Buchdruck üblich und von dort übernommen.

So eine Tabelle sieht im Quellcode nicht sehr üersichtlich aus, …

Du hast ein paar mehr als 31 Zeilen (die gegeneinander verschobenen Monatstage) und 13 Spalten (Wochentagsname und die Einträge der 12 Monate). Für mich ist das noch im Bereich von „übersichtlich“. :-)

… zumal noch Einträge bei vielen Tagen hineinkommen.

Willst du die Termine in die Tabelle reinpfriemeln?

Ich würde Tage mit vorhandenen Terminen hervorheben und die Termine verlinken bzw. die dazugehörigen Infos per Ajax nachladen, sie aber nicht standardmäßig innerhalb der Tabelle anzeigen.

Habe überlegt, das mit PHP zu machen, scheint aber auch nicht schneller zu gehen.

Bau dir händisch einen Prototypen und überlege hinterher, wie du diesen Aufbau mit PHP automatisieren kannst.

Tschö, Auge