Hier eine weitere Webseiten mit guten CSS-Template-Vorlagen die kostenlos zum downloaden sind. Alle Templates sind XHTML 1.0 und CSS2 kompatiebel. hier zu den Templates

Jedes Element kann “floaten”: Absätze, < div>s, Listen, Tabellen, Grafiken und selbst Inline-Elemente wie < span> oder < strong>.

Jedes Element, das man floatet, wir dadurch automatisch zu einem Block-Element. Das bedeutet, dass man ihm sowohl eine Breite (width) als auch eine Höhe (height) zuweisen kann. Tatsächlich müssen Floats sogar eine zugewiesene Breite haben. Diese wegzulassen, ist ein häufig gemachter Fehler und während das manche Browser verzeihen, stolpern all diejenigen Browser darüber, die sich auf Webstandards besser verstehen. Ohne die Breitenangabe könnte das gefloatete Element entweder so breit sein wie sein Inhalt oder aber wie sein Elternelement. Die Browser müssen sich erst noch einigen, welche Interpretation die richtige ist und auch das W3C diskutiert offenbar noch über dieses Thema.

Hier der ganze Artikel

Wie kann man die Trennlinie als 1px Linie darstellen?

hr {
color : #000;
height : 1px;
padding : 0;
border-color : #000;
border-width : 1px 0 0 0;
border-style : solid;
margin: 1em 0;
}

(more…)

Bei Digg habe ich eine Interessante CSS-Navigationvariante gesehen die mich an die Mac Docin-Station erinnert.

Diese Art Navi funktioniert jedoch nur unter Firefox und IE7.

li { font-size: 1em; }
li:hover { font-size: 2.5em; }
li:hover + li { font-size: 2em; }
li:hover + li + li { font-size: 1.5em; }

Hier der Link

Der eine schreibt einfach drauflos, der andere gliedert und strukturiert. Rene Grasegger zeigt, wie man es macht und warum sich das lohnt.

1. Der Anfang der CSS Datei
Ich beginne mit zwei Kommentarzeilen, die globale Informationen enthalten.

/* Standard-CSS für www.meinProjekt.at */

/* Wichtige Farben

Dunkelgrün = #007A00

Grün =	     #009400

*/ (more…)

Bin beim surfen auf einem Online-Tool zum Formatieren von CSS gelandet: Hier gibt man einfach ein Stück CSS-Code oder den Verweis auf eine CSS-Datei an, wähle die Komprimierungsrate - und schon wird mein CSS gereinigt. Je nach Schreibweise kann man dabei über 50% Dateigrösse einsparen.

Quelle: CSS Formatierer und Optimierer