Anleitungen zu CSS gibt gibt es einige, zum Beispiel ziemlich ausführlich von SelfHTML, „Grundlagen für Spaltenlayout mit CSS„. Wer jedoch „live“ sehen will, wie sich das Layout aufgrund einer CSS-Anweisung verändert, muss entweder die Beispielanwendung selbst ausprobieren, oder wirft einen Blick auf „Live Design“ von Albino Blacksheep. In 18 Schritten wird dort das Entstehen einer zweispaltigen Webseite erklärt und Schritt für Schritt der Fortschritt anzeigt.
(via digg.com)
Hey, das ist recht anschaulich, danke für den Hinweis. Praktisch finde ich in Zusammenhang mit CSS die Web Developer Extension für Firefox. Da kann man nebst vielen anderen Dingen das CSS einer Seite teilweise oder gleich ganz abschalten, im Sidebar editieren, etc.; das erleichtert die Fehlersuche ungemein.
Da kann ich Matthias nur beipflichten: ich arbeite nur noch mit der Web Developer Extension, um CSS zu editieren. Der grosse Vorteil liegt darin, dass – mit Ausnahme von Hintergrundbildern – alle Änderung gleich ‚live‘ ersichtlich sind und man sicher sein kann, dass es zumindest im Firefox, dann auch wirklich so aussieht, da die selbe Rendering Engine verwendet wird.
Das einzige, was mich nervt: Dass man in der CSS-Sidebar nicht suchen kann! Ich behelfe mir dann halt so, dass ich das CSS in einen Texteditor kopiere, dort suche, Anpassung mache, wieder in die Sidebar reinkopieren… ist aber ziemlich umständlich. Bei längeren Stylesheets wäre die Suchfunktion wirklich notwendig, vielleicht gibt’s mal eine neue Version, die das kann.
Nochmals einverstanden 😉
Eine bessere Variante als Deine (rüberkopieren in einen Texteditor) habe ich auch noch nicht gefunden…
CSS sollte man doch gleich so machen, dass man garnicht er suchen muss! Kommentieren und `Sprechenden Sourcecode`
GreeTz Domi