In diesem Video möchte ich zeigen, wie man mithilfe von CSS (Cascading Stylesheets) Buttons erzeugen kann, die runde Ecken haben, die einen Schatten werfen und die als Hintergrund einen Verlauf haben. Diese Buttons kann man z.B. auf einer Webseite als Hauptmenü oder ähnliches verwenden. Besonders möchte ich dabei auf die unterschiedliche Syntax für die Abrundungen, die Schatten und den Verlauf bei den einzelnen Browsern eingeben (Opera, Firefox, IE, Chrome)

Jeder Mac OS X Benutzer kennt es, die schönen Eingabefelder im “Finder”, dem pendant zum Windows Explorer. Abgerundete Ecken, und sobald man eine Eingabe macht erscheint aus dem Nichts ein graues Icon mit einem Kreuz. Wenn man es drückt wird das Eingabefeld wieder geleert. Richtig praktisch!

Dank CSS3 ist es mittlerweile möglich, einfache, aber wirksame Texteffekte zu ermöglichen – der Fantasie sind hierbei keine Grenzen gesetzt. Ein paar Effekte sollen an dieser Stelle inklusive Code vorgestellt werden.


Weißer Schatten mit dunklem Schein nach außen

Hallo,
angeregt durch einen Beitrag im (X)HTML-Forum möchte ich zeigen, dass man eigentlich nur noch für den Internet-Explorer Javascript/jQuery braucht, um ein "Accordion" auf einer Web-Seite zu realisieren.

In meinem Funktionsbeispiel habe ich einen HTML-Seitenaufbau gewählt, der aus einer H1-Überschrift und mehreren folgenden DIV-Blöcken ("sections") besteht. Jeder "section"-Block ist mit einem Klassenattribut "section" markiert und enthält als erstes Kindelement wiederum eine Überschrift (hier: H2) mit einem eingeschlossenem Hyperlink (A-Element). Danach folgt beliebiger Blockinhalt.

In diesen zwei kleinen Videos möchte ich zeigen, wo man den visuellen CSS-Editor Kompozer herunterladen kann und wie man z.B. damit den Header einer Webseite Schritt für Schritt nach einer Vorgabe anpassen kann. Es geht dabei nicht so sehr um die CSS-Technik, sondern viel mehr um die Anwendung dieses kostenlosen Editors aus Hause Mozilla

Voraussetzung:
HTML-Grundkenntnisse

Kurze Einleitung:
Ich erlerne z.Zt. selber noch HTML und CSS, möchte aber meine bisher erlernten Grundkenntnisse gerne weitergeben.
In diesem Tutorial (übrigens mein erstes für Tutorials.de und über CSS) habe ich mich erstmal einem leichten Thema gewidmet und zwar dem Zuweisen von Farbe zum Text.
Auch habe ich gleich zwei versch. Wege aufgeführt wie dies möglich sein kann.

Für welchen Weg ihr euch im Endeffekt entscheiden werdet bleibt euch überlassen.

Zoomen im Internet Explorer

Halbwegs moderne Browser besitzen eine Funktion zum Ändern der Schriftgrösse.
Dies ist recht nützlich für den Anwender, wenn er bspw. ein eingeschränktes Sehvermögen hat.

Eine solche Funktionalität besitzt auch der Internet Explorer, allerdings hat diese dort einen prägnanten Nachteil, der sie nahezu unwirksam macht:
Diese Grössenänderung funktioniert nämlich nur bei Seitenelementen, denen nicht per CSS eine fixe Schriftgrösse zugewiesen wurde.... und dies ist immer seltener der Fall!

Dieses Manko lässt sich ab Version 5.5 nicht nur beheben, sondern sogar gegenüber anderen Browsern weitaus vorteilhafter durch eine eigene Funktion ersetzen.

Um den Rahmen von HTML-Elementen zu gestalten, besitzt CSS mehrere Eigenschaften, mit denen man das Aussehen des Rahmens bestimmen kann.
Im folgenden Tutorial werden die Verschiedenen Eigenschaften vorgestellt und mit Beispiel an den Inputboxen von HTML demonstriert.

Hallo!

In diesem kleinen Tutorial soll es darum gehen, mit Hilfe eines kleinen Tricks, Tabellenzellen einen Scrollbalken zu geben.
Das ist vor allem interessant für Designer, die ihre Internetsite nicht mehr auf Basis von Framesets erstellen wollen, sondern ganz und gar auf Tabellen setzen.