Im heutigen Tutorial geht es darum, wie man so eine zwei- oder auch mehrspaltige Navigation codet, wie ihr sie hier auf dem Bild (übrigens ein Screenshot meiner PersonalSite eden-existiert.de) seht. Live und in Farbe gibt’s auch eine Demo des hier verwendeten Beispielcodes. Entgegen einer weitverbreiteten Technik sollte man für zweispaltige Menüs oder Layouts jedoch keine [...]

Um den Leser darüber zu informieren, ob er mit dem nächsten Klick die aktuelle Webseite verlassen wird oder nicht, kann man externe Links gesondert kennzeichnen. Eingebürgert hat sich eine kleine Grafik hinter dem Link, was dann beispielsweise so aussehen kann: allwissende.muellhal.de Der “Trick” dahinter ist, dass dem Link eine rechts platzierte Hintergrundgrafik zugewiesen wird. Damit [...]

Hübscher als klobig-kantige Ecken sind sie allemal: abgerundete Ecken, die etwa bei Div-Boxen oder Eingabefeldern eingesetzt werden können. Wie aber realisiert man sie? früher: Hintergrundgrafiken In der Vergangenheit musste man hierfür auf entsprechende Hintergrundgrafiken zurückgreifen. Da sind dann teilweise wirklich abenteuerliche Konstrukte aus diversen kunterbunt verschachtelten Divs entstanden, nur um eine einzige Box mit abgerundeten [...]

So, die Festivalsaison ist für mich für dieses Jahr erst einmal beendet und ich habe wieder mehr Zeit für neontrauma.de! :) Da ich neulich gefragt wurde, wie es eigentlich mit der Groß- und Kleinschreibung von (X)HTML-Code aussieht, folgt hierzu ein kurzer Artikel. In HTML ist es egal, ob ein Elementname groß oder klein geschrieben wird. [...]

Validatoren sind an sich sehr praktische Tools, mit denen man seinen Quellcode checken kann. Dazu gibt man einfach die URL der zu überprüfenden Seite an und erhält dann die Auswertung, ob der Code valide ist oder ob sich Fehler eingeschlichen haben. Viele User nutzen die Validatoren aber nicht, weil die Fehlermeldungen oft auf Englisch verfasst [...]

Ein weiteres Einsteiger-Tutorial: hier geht um die wichtigste Eigenschaft des Internets, nämlich die Hyperlinks. Verlinkungen dürfen auf keiner Webseite fehlen – entweder, um auf andere Seiten zu verweisen oder um innerhalb der eigenen Seite zu navigieren. Wenn ihr eine Seite verlinken möchtet, braucht ihr das a-Tag. Dem fügt ihr verschiedene Attribute hinzu, um etwa die [...]

Nachdem Rufe nach neuen (Einsteiger-)Tutorials laut wurden und eben im Marshmallow City-Forum eine entsprechende Frage aufkam, gibt’s hier nun das nächste Tutorial. Diesmal beschäftigen wir uns mit der Gestaltung von Hintergründen für eure Webseite. Generell könnt ihr allen Elementen einen Hintergrund zuweisen: sei es der ganzen Seite, einzelnen Div-Containern, Überschriften, Links, Eingabefeldern von Formularen, oder [...]

Wie man Listen erstellt, habe ich vor einiger Zeit in diesem Tutorial erklärt. Heute folgen einige Beispiele, wie man die Listen mit Hilfe von CSS auf verschiedene Weisen stylen kann. Als Grundgerüst verwenden wir eine einfache Liste; je nachdem, ob es sich um eine ungeordnete oder geordnete Liste handeln soll, notiert ihr also den ul- [...]