Inhaltsübersicht	6
	Inhaltsverzeichnis	8
	readme.txt zur zweiten Auflage	22
	Die Idee zu diesem Buch	22
	Für wen ist das Buch?	23
	So ist das Buch aufgebaut	24
	Die Beispieldateien auf der CD	25
	Die Website zur Reihe: little-boxes.de	25
	I Die Einleitung	26
	1 Das Web ist nicht aus Papier	28
	1.1 Papierdenken, Webseiten und enttäuschte Erwartungen	29
	1.2 Jenseits von Papier	34
	1.3 Rückblick: Webseiten gestalten mit Tabellen?	36
	1.4 Tabellenfreie Layouts mit CSS	37
	II HTML – Kästchen erstellen	40
	2 So funktioniert HTML	42
	2.1 Webseiten bestehen aus rechteckigen Kästchen	43
	2.2 HTML – Hypertext und Etiketten kleben	43
	2.3 Die drei häufigsten Missverständnisse zu HTML	46
	2.4 Eine gute Angewohnheit:	46
	2.5 Auf jeder Webseite vorhanden: das HTML-Grundgerüst	47
	2.6 Wissenswertes zu HTML-Elementen	53
	2.7 Auf einen Blick	55
	3 Wichtige HTML-Elemente (1)	58
	3.1 Die Seite in Bereiche einteilen: div	59
	3.2 Überschriften: h1 bis h6	62
	3.3 Fließtext: Absätze und Hervorhebungen	63
	3.4 Über Block- und Inline-Elemente	65
	3.5 HTML-Elemente verschachteln: zuerst geöffnet, zuletzt geschlossen	67
	3.6 Jeder Browser hat ein eingebautes Stylesheet	67
	3.7 Listen: Aufzählungen und Nummerierungen	68
	3.8 Auf einen Blick	73
	4 Wichtige HTML-Elemente (2)	76
	4.1 Hyperlinks: das Besondere am WorldWideWeb	77
	4.2 Die Wegbeschreibung zur Grafik: img	79
	4.3 Weitere nützliche HTML-Elemente	82
	4.4 Character Entities: allgemeine Sonderzeichen	85
	4.5 Stimmt die Statik? HTML überprüfen mit dem Validator	87
	4.6 CSS zum Ausprobieren: die W3C Core Styles	88
	4.7 Die Kontaktseite: von der Seite zur Site	90
	4.8 Der Quelltext der Webseiten im Überblick	91
	4.9 Auf einen Blick	94
	III CSS-Grundlagen – Kästchen gestalten	96
	5 CSS kennenlernen: Schriften, Farben und Hyperlinks	98
	5.1 Ein Stylesheet ist eine Sammlung von Formatvorlagen	99
	5.2 CSS und die HTML-Kästchen auf der Webseite	99
	5.3 Das erste eigene Stylesheet	100
	5.4 Hintergrund- und Schriftfarben definieren	102
	5.5 Schriftart und -größe gestalten	107
	5.6 Die Adresse im Fußbereich gestalten	109
	5.7 Hyperlinks gestalten	110
	5.8 Styles können an drei verschiedenen Stellen definiert werden	114
	5.9 Das Stylesheet im Überblick	116
	5.10 Auf einen Blick	117
	6 Selektoren, Einheiten und Farben	120
	6.1 Style: der Aufbau einer CSS-Regel	121
	6.2 Ein Selektor wählt das zu gestaltende Kästchen aus	122
	6.3 Nur in diesem Bereich: Selektoren verschachteln	123
	6.4 Eigene Namen vergeben: ID und class	126
	6.5 Spezifität: das Punktesystem für Selektoren	130
	6.6 Werte und Maße in CSS: die Qual der Wahl	132
	6.7 Farben definieren: hexadezimal, dezimal und Namen	135
	6.8 Auf einen Blick	136
	7 Abstände gestalten mit dem Box-Modell	138
	7.1 Potenzielle Probleme beim Gestalten der Kästchen	139
	7.2 Das Box-Modell in der Übersicht	140
	7.3 Kalibrierung: Abstände auf null setzen	145
	7.4 Webseite zentrieren mit width und margin	148
	7.5 Rahmenlinien erstellen: border	150
	7.6 Ein bisschen Abstand drum herum: padding	151
	7.7 Das Box-Modell und die farbliche Gestaltung	153
	7.8 Hintergrundgrafiken per CSS	155
	7.9 Das Stylesheet im Überblick	159
	7.10 Auf einen Blick	161
	8 Ordnung halten im Stylesheet	162
	8.1 Der Kommentar am Anfang	163
	8.2 Das Stylesheet in Abschnitte unterteilen	164
	8.3 Verschiedene Schreibweisen für Styles	166
	8.4 Die Reihenfolge der Deklarationen im Style	167
	8.5 Effektiv: Kurzschreibweisen für padding und margin	168
	8.6 Das aufgeräumte Stylesheet im Überblick	170
	8.7 Der CSS-Validator	173
	8.8 Auf einen Blick	175
	9 Horizontale Navigation und Kontaktformular	176
	9.1 Einfache horizontale Navigation: display: inline	177
	9.2 Punktsieg: Spezifität in der Praxis	180
	9.3 Tabbed Navigation – Navigation mit Registern	181
	9.4 »Sie sind hier«: aktuelle Seite hervorheben	185
	9.5 Die fertige Navigation im Überblick	187
	9.6 Ein Formular für die Kontaktseite	189
	9.7 Auf einen Blick	197
	10 Skip-Links, Druckversion und Tabellen	200
	10.1 Skip-Links: Hyperlinks auf derselben Seite	200
	10.2 Eine Druckversion für die Webseiten	204
	10.3 Tabellen sind nicht verboten	211
	10.4 Auf einen Blick	218
	11 CSS und der Browser: Kaskade, Vererbung oder Standardwert	220
	11.1 Überblick: DOM und Kaskade	221
	11.2 Sammle alle relevanten Deklarationen	223
	11.3 1. Sortiere nach Wichtigkeit	226
	11.4 2. Sortiere nach Spezifität	228
	11.5 3. Sortiere nach Reihenfolge	229
	11.6 Die Vererbung (inheritance)	230
	11.7 Der Standardwert (initial value)	233
	11.8 Auf einen Blick	233
	IV CSS-Positionierung – Kästchen verschieben	234
	12 Der Flow und Positionieren mit position	236
	12.1 Flow: Die Seite ist ein langer, ruhiger Fluss	237
	12.2 Der normale Fluss der Boxen	238
	12.3 Versetzt weiterfließen: position: relative	239
	12.4 Raus aus dem Fluss: position: absolute	241
	12.5 Absolute Positionierung auf der Beispielsite	243
	12.6 Wie ein Fels in der Brandung: position: fixed	248
	12.7 Auf einen Blick	250
	13 Positionieren mit float: schwebende Boxen	252
	13.1 Text um Bilder fließen lassen	253
	13.2 Praktisch: CSS-Klassen zum Floaten	256
	13.3 Floats beenden mit clear	258
	13.4 Floats mit mehreren Boxen	260
	13.5 Auf einen Blick	266
	14 Containing Floats: gefloatete Elemente einschließen	268
	14.1 Die fertige Beispielseite	269
	14.2 HTML und eine kleine Prise CSS	269
	14.3 Der erste Versuch: die Grafiken floaten	271
	14.4 Das Problem: Gefloatete Elemente ragen nach unten heraus	273
	14.5 Vier Methoden zum Einschließen von Floats	274
	14.6 Methode 1: Float einschließen mit clear	274
	14.7 Methode 2: Set a float to fix a float	276
	14.8 Methode 3: Ohne float und clear – overflow: hidden	278
	14.9 Methode 4: EasyClearing – die Sache mit dem Punkt	280
	14.10 Floats einschließen: die Übersicht	283
	14.11 Die Galerie in die Beispielsite einbauen	284
	14.12 Auf einen Blick	289
	V CSS – mehrspaltige Layouts	290
	15 Mehrspaltige Layouts mit position: absolute	292
	15.1 CSS und mehrspaltige Layouts	293
	15.2 Ein einfaches zweispaltiges Layout	294
	15.3 Ein einfaches dreispaltiges Layout	295
	15.4 Ein dreispaltiges Layout mit Kopfbereich	296
	15.5 Das Problem: ein durchgehender Fußbereich	298
	15.6 Auf einen Blick	300
	16 Floatbasierte mehrspaltige Layouts mit fester Breite	302
	16.1 Zweispaltiges Layout mit float und margin	303
	16.2 Dreispaltiges Layout mit float und margin	314
	16.3 Exkurs: Die globale Wirkung von clear	317
	16.4 Zweispaltiges Layout mit entgegengesetzten Floats	319
	16.5 Dreispaltiges Layout mit entgegengesetzten Floats	323
	16.6 Auf einen Blick	325
	17 Floatbasierte mehrspaltige Layouts mit flexibler Breite	326
	17.1 Zweispaltiges, teilweise flexibles Layout	327
	17.2 Dreispaltiges, teilweise flexibles Layout	330
	17.3 Zweispaltiges, vollständig flexibles Layout	335
	17.4 Dreispaltiges, vollständig flexibles Layout	339
	17.5 Auf einen Blick	340
	18 Fertige Layoutvorlagen	342
	18.1 Layouts aus diesem Buch – Übersicht	343
	18.2 Fertige CSS-Layouts zum Download	346
	18.3 CSS-Frameworks – ein ganz kurzer Überblick	349
	19 Patchwork: Flicken im CSS	352
	19.1 Patches und Hacks	352
	19.2 Der Internet Explorer	355
	19.3 Conditional Comments in Aktion	361
	19.4 Auf einen Blick	362
	VI Nützliche Werkzeuge	364
	20 Programme, Sites und Bücher zu CSS	366
	20.1 Verschiedene Browser zum Testen	367
	20.2 Editoren für HTML und CSS	368
	20.3 Praktische Add-ons für den Firefox	370
	20.4 Hilfreiche Sites zu CSS	374
	20.5 Interessante Bücher	375
	Stichwortverzeichnis	378