marctrix: Frage zum Wiki-Artikel „CSS“

Beitrag lesen

Hej Ivica,

Brauche mal Eure Hilfe,

Dann brauchen wir ein online-Beispiel. Sonst fehlen uns viele Möglichkeiten zur Fehlersuche.

arbeite gerade die CD "Moderne Webseiten erstellen"durch und bekomme einfach nicht im subheader das Bild rein obwohl der Code und die Bildquelle stimmt.

Da bin ich skeptisch. Wenn der Code stimmt, sollte er auch funktionieren.

Suche schon seit Stunden und finde nicht den Fehler.

"Moderne Webseiten erstellen" Windows 7 Kurz ISBN: 2681

Hoffst du, dass sich jemand jetzt die CD kauft und anschaut? 😀

Bitte um Hilfe.

Wie gesagt ist es schwierig mit dem Code dem Problem auf die Schliche zu kommen…

Ein paar Anmerkungen zu der „modernen Webseite“.

  • es gibt viele verschiedene html-Elemente. Header war schon eine gute Idee. Für viele der divs fällt dir sicher auch noch was passenderes ein
  • Klassennamen wie „Right“ oder „left“ sind seit Jahren unmodern. In responsiven Seiten machen diese Namen keinen Sinn, weil Links und rechts sicher bei den meisten Leuten oben und unten erscheinen dürfte (mal abgesehen davon, dass presentational markup, also HTML, das sich auf die Gestaltung von Elementen bezieht, mehr Probleme schafft, als es löst — jedenfalls ist das meine Erfahrung. Ich habe Webseiten schon redesigns, an deren Inhalten sich seit einem Dutzend Jahre (fast) nichts geändert hat. An den HTML-Dokumenten musste ich kaum was anpassen. Ging fast komplett über css.

Das war mir nach den ersten Besuchen im CSS-Zen-Garden klar. Es gibt wenige Entscheidungen in meinem beruflichen Leben, die besser gewesen waren, als von Anfang die Trennung von Design, Semantik und Funktion als Unverrückbares Grundprinzip hinzunehmen, mit dem ich irgendwie klar kommen muss.

Nichts anderes hat sich für mich und vor allem meine Kunden im Laufe der Jahre besser bezahlt gemacht!

Daher lassen sich auch für „behind“ und „before“ sicher bessere Namen finden.

.subheader .before {
	position: relative;
	z-index: 1;
	background: url('images/bg-subheader.png');
	height: 107px;
	width: 1280px;
	margin-left: auto;
	margin-right: auto;
}

Um dieses Bild geht es wohl? Ist der „images“-Ordner wirklich im CSS-Verzeichnis? — Das wäre schon ungewöhnlich…

Marc