Runde Ecken (Seite 2)

ich geb Dir recht, Heiko, sehr spannend. Aber was machen mit den Nudeln ?

Runde Ecken mittels CSS nutze ich schon einige Zeit, die Lösung mit Grafiken und zusätzlichem MarkUp geht mir einfach zu sehr gegen den Strich. Transparentes HTML habe ich bisher noch nicht crossbrowser benötigt.

Interessant wird die Entwicklung, wenn alle Browser SVG-Bilder unterstützen. Damit ließen sich dann mit einer einzigen Grafik eigene, verschnörkelte oder sonstwie verzierte Ecken umsetzen. Aber bis das alles umgesetzt wird ...

@Heiko
Du hast bei deiner Aufzählung noch die Farbverläufe vergessen. Auch hier nutzt man ja gerne Hintergrundbilder und wird wohl in Zukunft mit einfachem CSS auskommen können.

Habe sehr lange das "raised" mit erstellt. Da die Analyse dies aber als Nudelsalat kritisierte habe ich es auf umgestellt.

Ein weiterer Vorteil. Die Positionierung bzw. Formatierung der Box muss nur einmal erstellt werden.
Gerade für CMS geht das super.
Die Farben kann man mit 2 Handgriffen anpassen

Die Css

www.romacron.de/templates/romacron/css/runde_boxen_pos.css

UFOMelkor schrieb:

@Heiko
Du hast bei deiner Aufzählung noch die Farbverläufe vergessen. Auch hier nutzt man ja gerne Hintergrundbilder und wird wohl in Zukunft mit einfachem CSS auskommen können.

Da hast Du recht. Vor 1-2 Monaten, weiß nicht mehr genau wann, entstand mal die Idee, mit überlappenden transparenten Containern (background-color) zu arbeiten, um so Farbverläufe entstehen zu lassen. Das Ergebnis konnte sich sogar sehen lassen.

Daraus ergab sich für mich das Fazit, keine Grafiken mehr für den Style einzusetzen, sondern ausschließlich nur noch für den Content (hier als Bilder), um dem Lesenden etwas für\'s Auge zu bieten. Die Ladezeiten sprechen dafür und die Browser-Kompatibilität stellt auch keine Hindernisse dar.