header_info_top
header_info_bottom
claus_01 - 6. Mär. 2006, 13:50

Re: CSS

Um CSS sinnvoll eizusetzten, solltest Du das sog. "box formatting model" verstehen, was an sich aber sehr einfach ist:

Jeder (X)HTML-tag ist an sich eine "box" (Kasten) mit einem "Spielraum" ('padding') vom Inhalt bis zum Rand, dem Rand selbst ('border') und dem Raum um den tag herum ('margins'). Wenn Du das verstanden hast, kannst Du im Prinzip jedes Element (engl.: tag) formatieren.

Die chronistin hat Dir ja bereits den Tip zu 'SelfHTML' gegeben, das u. a. den wirklich tollen 'Quickbar' enthält, über den Du jedes HTML- oder CSS-Element aufrufen und Dir die genaue Syntax anschauen kannst.

Rechteckige "Kästen" werden wohl meistens über den <div>-tag definiert (auch in den Antville-Templates). Um z. B. einen Rand zu definieren, brauchst Du Dir unter 'Layout (HTML)' nur anzuschauen, wie z. B. das Kommentarfeld heisst und dann im CSS-Template hinter dem betreffenden <div> Deinen Rand definieren, etwa:

div.[Klasse_des_Kommentars] {
color:[#Deine_Wunschfarbe]; background-color;[#Deine_Wunschfarbe]; border-color:[#Deine_Wunschfarbe]; border-width:[Weite_in_Pixeln]px; border-style:[solid|dotted|dashed];
padding: [Wert_für_oben]px [Wert_für_rechts]px [Wert_für_unten]px [Wert_für_links]px;
}

Das ist wie gesagt nur ein Vorschlag. Du kannst Dir SelfHTML auch als Archiv (.zip etc.) herunterladen und auf Deinem PC entpacken; dann brauchst Du nicht immer online zu gehen. ('color' ist übrigens die Textfarbe, die für valides CSS immer dazu definiert werden soll).

Viel Spass,

Claus

P.S.: Ich habe auch Jahre gebraucht, bis ich das mit den CSS einigermassen verstanden habe, aber dann ist es absolut schick! ;-)

Name

Url

Meine Eingaben merken?

Titel:

Text:


JCaptcha - du musst dieses Bild lesen können, um das Formular abschicken zu können
Neues Bild

 


About
Account (Benutzername & Profil)
Administration
Advanced
Anmeldung
Archiv
Backlinks (Referrer)
Beiträge
Berechtigungen
Bezahlung
Bilder
Blog als Buch
Blog anlegen
Blog archivieren
Charts
Dateien
... weitere
Profil
Abmelden
Weblog abonnieren
development