22. Dezember 2006
Das Zentrieren eines Elements ist eigentlich ziemlich einfach zu realisieren, da ich aber danach immer wieder gefragt werde, scheint es für manche doch ein Problem zu sein.
Deswegen habe ich mich entschlossen, hier einen kleinen Beispiel zum diesem Thema zu veröffentlichen.
<body style="text-align:center;">
<div style="position:absolute; top:50%; margin-top:-50px; height:50px;
left:50%; width:100px; margin-left:-50px;" >
<div style="position:absolute; text-align:center;">
<div style="height:100px; width:100px; background:red;"></div>
</div>
</div>
Es ist zu beachten, dass margin-top bzw. margin-left der Hälfte des Wertes height bzw. width gleich sein soll.
Veröffentlicht in CSS, Tutorials und HowTo | 9 Kommentare »
18. Dezember 2006
Es existiert sicherlich eine Menge an Möglichkeiten, runde Ecken zu erstellen, doch sie alle sind nicht perfekt. Diese Lösung ist auch leider noch weit von der Perfektion entfernt, da die Vergrößerung des Schriften alles zerstören würde, aber es gibt auch positive Aspekte, so braucht diese Lösung kein JavaScript, keine Grafik und funktioniert in allen Browser, inkl. IE6!
Veröffentlicht in CSS, Tutorials und HowTo | 2 Kommentare »
23. November 2006
Matthew O’Neill beschreibt in seinem Artikel, wie man mit einer einzigen Grafik und CSS viele Variationen der Farbverläufen erstellen kann.
Die Methode funktioniert zwar nicht im IE 6, da aber heute IE 7 als Sicherheitsupdate von Microsoft auf alle Rechner mit eingeschalteter Auto-Update Funktion kommt, macht es nicht mehr so viel aus.
http://alistapart.com/articles/supereasyblendys
Veröffentlicht in CSS | 2 Kommentare »
19. Oktober 2006
Heute fand ich im Netz eine sehr gute Webseite mit vielen Tutorials zum Thema Webdesign und möchte sie auch meinen Leser mitteilen:
http://css.maxdesign.com.au/index.htm
Veröffentlicht in Allgemein, Tutorials und HowTo | 2 Kommentare »
12. September 2006
- Web Developer Toolbar
- HTML Validator (Offline HTML Validator)
- MeasureIt (Ein Analog für Ruler-Funktion von Web Developer Toolbar)
- ColorPicker (Ermöglicht die Erkennung der Farbe auf der ganzen Fläche des Browsers)
- User Agent Switcher
- Show IP (Zeigt IP-Adresse der aufgerufenen Webseite)
- Live HTTP Headers (Zeigt HTTP Headers der aufgerufenen Webseite)
Veröffentlicht in Tools, firefox | 2 Kommentare »
19. August 2006
Als ich mit Webdesign angefangen habe und ständig damit Probleme hatte, hat mich jemand gefragt, warum ich Web Developer Toolbar nicht einsetze. Die Antwort war natürlich sehr einfach, ich wusste überhaupt nicht, was es ist.
Web Developer Toolbar ist eine Erweiterung für FireFox von Chris Pederick, die mit sich eine Menge an nützlichsten Funktionen für Webdesigner bringt.
Darunter sind z.B. Ruler, Outline-Funktion, Validate, Form-Utilities, CSS-, Cookie- und Image-Steuerung.
Diese Erweiterung ist ein Muss für alle Webdesigner!
Veröffentlicht in Tools, firefox | 3 Kommentare »
23. Juli 2006
Bulletproof Webdesign ist ein der besten Bücher über CSS, das ich je gelesen habe. Dem Autor gelingt es, innerhalb eines Buches die wichtigsten Grundlagen des kugelsicheren Webdesign in einer sehr verständlichen Form zu vermitteln. Im jedem Kapitel wird ein Beispiel der kugelunsicheren Webseite gezeigt, es wird erklärt warum diese Seite nicht kugelsicher ist und abschließend wird eine Lösung präsentiert, mit der man diese Webseite kugelsicher machen kann.
Ich würde Bulletproof Webdesign jedem empfehlen, der sich mit Webdesign und Barrierefreiheit beschäftigt, da die von diesem Buch vermittelten Kenntnisse viel mehr Wert als der Preis dafür, sind.
Veröffentlicht in Buch, CSS | 6 Kommentare »
