barrierefreies Webdesign Ingo Turski

zum Inhalt

Ingo

Tips und Tricks:Button-Demo (für den IE 6 im 'standards-compliant mode')

Wie lange würden diese Menüs (mit ihren Hover-Effekten) wohl laden, wenn Sie mit einzeln beschrifteten grafischen Buttons realisiert wären?


Grafisch oder räumlich wirkende Menüs mit passenden Hover-Effekten lassen sich auch ohne Button-Grafken mit CSS realisieren, wie diese Beispiele zeigen.

Zu meinem eigenen CSS-Menü inspirierten mich die Menüs von Eric Meyer und Claire Campbell, wobei ich die fehlerhafte Anzeige des IE kompen­siert und eine Schriftgrößen­anpassung über relative Angaben ermöglicht habe.


P.S.: Mit dieser Seite habe ich den Internet Explorer bewußt ein wenig überfordert und einen ärgerlichen Bug provoziert. Um den nicht bzw. nur teilweise rechts oben angezeigten Text auch im IE komplett lesen zu können, klicken Sie dreifach in diesen Bereich oder aktivieren Sie den folgenden Workaround und setzen explizit die CSS-Eigenschaft line-height (dann flackert es nur noch ein wenig beim Scrollen ;-)