Einstieg in CSS (2. Auflage) – Updates

Diese Seite enthält alle mir bekannten Fehler, auch fehlende Leerstellen und dergleichen.

Vielen Dank auf diesem Wege an alle Leser, die sich die Mühe machen, und mir gefundene Fehler übermitteln.

Falls Sie noch einen nicht gelisteten Fehler finden, schreiben Sie mir bitte kurz.

Errata zu Einstieg in CSS (2. Auflage)
Fundstelle Beschreibung Funddatum
Letzte Änderung: 30. März 2017
Seite 038
oben
Es sollte heißen »die *in* Abschnitt1.3.3 beschriebene flexible Zeitung«. 2016-01-06
Seite 039
oben
CSS ist der Stylist, der die rechteckigen Kästchen gestalte*t*, mit einem »t« am Ende. 2016-01-06
Seite 133
oben
</header> statt </div> 2017-03-30
Seite 139
unten
1024*768 sind 786.432 (und nicht 768.432). Mit Copy and Paste wäre das nicht passiert… 2015-11-23
Seite 140
oben
In der Überschrift sollte auch die Einheit rem erwähnt werden, die ab Kapitel 23 eingesetzt wird. 2016-11-13
Seite 167
unten
background-position statt background:position (2x) 2017-03-30
Seite 231
Listing 12.1
In der Beschriftung: »class« statt »id« 2017-03-30
Seite 237
vorletzter Absatz
Zwischen ».kontaktformular« und »Gestaltung« fehlt ein Punkt. 2016-01-06
Seite 237
ToDo
In Schritt 6 ist ein Komma zuviel, zwischen focus und {. 2016-11-13
Seite 249ff
K 13.1.3/4
Die ab Seite 249 vorgestellten Google Fonts sind runderneuert und haben sowohl eine neue URL als auch eine neue Benutzeroberfläche:
– Die neue URL: fonts.google.com
– Zur neuen Benutzeroberfläche: Google Fonts im neuen Look
Die Bedienung ist insgesamt eher einfacher als davor, nur halt etwas anders als im Buch beschrieben.
2016-06-24
Seite 260
ToDo
In Schritt 3 sollte das erste importierte Stylesheet reset.css heißen, nicht fundament.css. 2016-11-13
Seite 275
Listing 14.6
tfoot a:focus statt table a:focus 2017-03-30
Seite 276
Listing 14.10
Das letzte <tr> unten auf Seite 276 ist zuviel. 2017-03-30
Seite 287
Mitte
Letzter Satz vor der Überschrift 15.3: „… und damit endet die erste Stufe der Kaskade.“ 2017-03-30
Seite 301
Tabelle 16.1
Der CSS-Kommentar zu <border-radius> sollte in einer Zeile stehen. Im Buch ist leider zwischen / und * ein Zeilenumbruch. 2015-11-23
Seite 313
Abb. 16.10
Abbildung 16.10 zeigt Listing 16.5 ohne top. Mit top:50% wäre das div vertikal etwa in der Mitte. 2017-03-30
Seite 314
oben
z-index hat nach dem z einen Bindestrich. 2016-11-09
Seite 319
ToDo
Im Absatz vor dem ToDo sollte stehen: „Um den Ballon nach links schweben zu lassen, können Sie die Deklaration float:left…“ 2016-11-13
Seite 322
ToDo
In Schritt 4 sollte der Wert für das alt-Attribut „Bunter Ballon“ heißen. 2016-11-13
Seite 349
Listing 18.6
Die Klasse clearing für den Absatz unterhalb der Galerie ist überflüssig. 2017-03-30
Seite 370
Listing 20.1
Beim meta-Element stehen die Ausführungsstriche versehentlich schon hinter width. Auf Seite 371 oben im ToDo ist alles in Ordnung. 2016-03-17
Seite 379/380
ToDo
In Kapitel 12.2 wird zum Gestalten des Formulars die Klasse .kontaktformular verwendet und nicht wie hier im ToDo die Typselektoren. In den Übungsdateien zu Kapitel 12 ist alles korrekt. 2015-12-15
Seite 384
TIPP
Es fehlt ein »ein«: »sowie *ein* ganz neues Element namens picture 2016-01-06
Seite 402
Mitte
Die maximale Breite wurde im ToDo mit max-width: 60em definiert (nicht 70em). 2015-11-23
Seite 410
Mitte
Im letzten Satz vor Abbildung 21.7 ist ein »hat« zuviel 2015-12-14
Seite 410
Mitte
Im letzten Satz vor Abbildung 21.7 ist ein »hat« zuviel 2015-12-14
Seite 430
unten
Der letzte Satz sollte mit „Einen solchen Bereich …“ anfangen. 2016-11-13
Seite 438
ToDo
In Schritt 3 muss der Selektor lauten .suchformular input[type="text"]. 2017-03-30
Seite 444
oben
Den letzten Satz vor dem ToDo bitte ersatzlos streichen. fundament.css und versteckmich wurden im Buch nicht erwähnt… 2016-11-13
Seite 447
unten
Das jQuery-Plugin heißt „DoubleTapToGo.js“, mit einem „p“. 2016-11-13
Seite 450
Seite 458
Im Todo – Schritt 4 und im Absatz danach: Das Stylesheet heißt navi-float-dropdown.css. 2016-11-13
Seite 451 Im ToDo fehlt in Schritt 1 die Anweisung, das neue Stylesheet in zentrale.css einzubinden. 2017-03-30
Seite 454
Seite 475
Hier wird die Einheit rem verwendet, die auf Seite 140 kurz erwähnt wird, hier aber recht unvermittelt auftaucht. Das rem (kurz für „root em“) vereint die Vorteile von px und em. Es ist genauso flexibel wie sein älterer Bruder em, bezieht sich aber immer auf die Schriftgröße des Stammelement html (in der Regel 16px) und ist so besser kalkulierbar. Es wird besonders auf mobilen Geräten gerne statt em benutzt. IE8 und älter verstehen die Einheit nicht, sind aber auf mobilen Geräten nicht relevant. 2016-01-02
Seite 456 nav.menu ist ebenfalls Kind von #wrapper und wird ebenfalls Flex-Item. 2017-03-30
Seite 456
ToDo
In Schritt 2 sollte es heißen „… den folgenden Style ein, der …“. 2016-11-13
Seite 457
unten
Kaufe ein »d«. Es sollte »und zwar rechts neben dem Menü-Link.« heißen (nicht »un«). 2015-11-23
Seite 465
Listing 24.2
Das min-height für <article> ist überflüssig. 2016-10-03
Seite 473
Abb. 24.9
Rechts oben sollte es cross start heißen, und nicht cross end. 2016-11-13
Seite 474
Zeile 9
… die Nebenachse (cross-axis) von links nach rechts 2016-11-09
Seite 474
Listing 24.9
Eine bessere Beschriftung wäre „Mit flex-direction:row fließt die Hauptachse von links nach rechts“. 2016-11-09
Seite 474
letzter Absatz
„…, die Zeile bei Bedarf umzubrechen.“ 2016-11-09
Seite 480
Mitte
Tabelle 24.2 finden Sie auf Seite 472 (nicht auf Seite 11). 2015-11-23
Seite 487
unten
Im viertletzten Aufzählungspunkt: „… und einer Nebenachse“ (mit „r“) 2017-03-30
Seite 506
oben
Im Absatz zum Firefox sollte es heißen »Es *gibt* ihn für Windows, …« 2016-01-06