Archiv für Dezember 2006



Runde Ecken für div-Container nur durch CSS

Montag, 25. Dezember 2006

Die Idee, abgerundete Ecken mit Hilfe von grafischen Elementen zu gestalten, ist so alt wie das Webdesign selbst. Auch heute noch greifen viele Webdesigner zu ihrem Grafikprogramm und zeichnen sich entsprechende Ecken selber. Dabei gibt es für Rahmen von div-Containern auch eine reine CSS-Lösung, die völlig ohne Bilder und Grafiken zurecht kommt.

Hintergrund dieser Technik ist eine optische Täuschung. So werden mehrere direkt nebeneinander liegende Rahmen über margin gekürzt und damit der visuelle Effekt abgerundeter Ecken erreicht. Mittels farblicher Abstimmung kann man auch räumliche Effekte wie z.B. höher oder tiefer gestellte Flächen gestalten.
(mehr …)

DSL Speed-Test

Montag, 25. Dezember 2006

Mit dem DSL Speed-Test kann man seine DSL-Geschwindigkeit prüfen lassen. Für das Online-Tool muss keine zusätzliche Software installiert werden. Darüber hinaus kann auch ein Pingtest durchgeführt und die Antwortzeit des Internetanschlusses ermittelt werden.

Die Funktionsweise ist recht einfach. Es werden eine Reihe von Testdaten unterschiedlicher Größe vom Server geladen (Download-Test) bzw. zum Server gesendet (Upload-Test). Die dafür benötigte Zeit wird gemessen und daraus die Geschwindigkeit (Download-Rate und Upload-Rate) errechnet.
(mehr …)

Seiteninhalt horizontal und vertikal zentrieren 2

Sonntag, 17. Dezember 2006

Einen div-Container auf einer Seite in der Mitte vertikal zu positionieren ist mit text-align: center; problemlos zu realisieren. Anders sieht es aus, wenn man ein div horizontal in der Mitte positionieren möchte. Eine etwas umständlich anmutende Methode mit zwei in einander verschachtelten div bringt gute Ergebnisse z.B. kann man dann ganz normal scrollen, wenn der Inhalt größer ist als der div-Container.
(mehr …)

Kontaktformular - Copyrighthinweis und Impressum