Rounded Corners

Wenn man diese Seiten nicht gerade im Internet Explorer betrachtet sieht man, das fast alle Boxen abgerundete Ecken haben. Das ist nicht mit Grafik realisiert, sondern mitJavascript.

Das erforderliche Javascript File und eine kurze Anleitung (englisch) findet man auf der editsite.net Website. Hier eine kurze Zusammenfassung:

Das Javascript File einbinden

<script src="/woauchimmer/rounded.js"></script>

Im Quelltext ein DIV Element mit einer Klasse definieren

<div class="rounded"> ... </div>

und für diese Klasse die folgende Funktion aufrufen

<script type="text/javascript">
Rounded('rounded', 6, 6);
</script>

Fertig. Ausser wenn der Benutzer den Internet Explorer verwendetn, dann Pech gehabt. Ich bin trotz allem sehr glücklich mit der Funktion, da Sie mir ermöglicht sauberes HTML zu schreiben und trotzdem ein paar nette Features einzubauen. Natürlich darf man sich nicht darauf verlassen, das der Besucher Runde Ecken sieht, aber das kriegt man momenan wohl nur hin, wenn man mit Grafiken oder komplexen CSS Konstrukten arbeitet und die versauen halt immer den Inhalt.

Ein detailliertere Beschreibung der Funktionen und Aufrufparameter findet sich auf der oben angegeben Website. Vielleicht gibts ja bald auch einen Hack für den IE.