Tipps und Tricks
33 Artikel enthält die Tipps und Tricks-Rubrik (Na ja, es werden noch mehr...):
- Farbige Unterstreichung
Wie wäre es denn einmal mit farbigen Unterstreichungen, d.h. dass die Unterstreichung eine andere Farbe als der Text hat? - Formulare
Farbige Formularelemente - Formulare ohne Zeilenumbruch
Aus Block-Elementen werden Inline-Elemente - Dünne Tabellenrahmen
Tabellen mit 1 Pixel dünnen Rahmen - Farbige Tabellenrahmen
Tabellen mit bunten Rahmen - Farbige Listensymbole
Listensymbole müssen nicht immer die Farbe der Einträge erhalten. - Farbige Linien mit <hr>
Horizontale Linien mit <hr> müssen nicht in dem voreingestellten Einheitsschwarz dargestellt werden. - Unterstreichungen mal anders
Unterstreichungen lassen sich auch mit unterschiedlichen Linienarten und -breiten erstellen. - Listen mit römischen Ziffern nummerieren
Warum Listen immer nur mit herkömmlichen Ziffern oder Buchstaben nummerieren. Wie wäre es denn mit römischen Ziffern. - Texteingabefelder mit Hintergrundbilder
Etwas gewagt ist die Idee, aber Hintergrundbilder in Texteingabefelder sind möglich... - Mehrspaltiges Layout ohne Tabellen
Tabellen zum Layouten der Seite soll ja out sein. Aber wie erstellt man nun ein Layout mit mehreren Spalten ohne Tabellen? - Rahmen mit abgerundeten Ecken
Netscape und Mozilla können es. - Stylesheet für <div>'s zentral definieren
Setzt du auf einer Seite positionierte <div>-Bereiche ein, kann die Formatierung im <div>-Tag sehr schnell unübersichtlich werden. Eine übersichtlichere Methode, die sich auch zusammen im Einsatz mit Javascript eignet, verwendet das id-Attribut. - Optionslisten mit Bullets
Bullets sind nicht nur in herkömmlichen Listen möglich. - Attributabhängige Formatierungen
Formatierungen, die von den verwendeten Attributen abhängen. - Pseudoelement :hover für Formularbutton
Mouseover-Effekt sind auch für Formularbutton möglich. - Hyperlinks in Buttonform
Hyperlinks müssen nicht immer die blauen, unterstrichenen Text oder die Grafiken sein. - Transparente Bilder
Dafür benötigst Du kein Grafikprogramm mehr. - Transparente Hintergründe
Überlappte Elemente scheinen durch. - Positionierte Hintergrundbilder
Bilder, die nicht mehr den gesammten Hintergrund ausfüllen. - Bunte Rahmen für Radiobutton und Checkboxen
Warum immer nur die langweiligen weißen Radiobutton? Mit CSS lassen sie sich in buntgerahmte Elemente verwandeln. - Links mit zusätzlichen Informationen
PopUp bei Hover-Effekten - Hyperlinks als Block-Elemente
Damit lassen sich auch Breite und Höhe festlegen. - Menüs mit Schatten
Zwei übereinander und versetzt angeordnete <div>-Container. - 3D-Button
Hyperlinks hovern mit einem 3D-Button-Effekt wie z.B. unter Windows - Hyperlinks mit Grafik
Eine Hintergrundgrafik für Hyperlinks - Farbige Schriftzüge
Schriftzüge mit unterschiedlichen Formatierungen - Hyperlinks mit wechselnden Hintergrundbildern
hover kann auch die Hintergrundfarbe eines Elements verändern. - Elementen mehrere Klassen zuweisen
Dem class-Attribut darfst du mehrere durch Leerzeichen getrennte Werte zuweisen - Verkürzte Farbangaben
Statt #rrggbb nur #rgb angeben - Textmarker
Abschnitte wie mit einem Textmarker markieren - Conditional Comments
Browserweiche für den Internet Explorer - Initiale
Vergrößerte Buchstaben und Zahlen am Anfang eines Satzes