ExpertInnen-Web.de features CSS, Flash and HTML design tips, tricks and tutorials.
Title
expertinnen-web.de
Description
Virtuelle Wasserflächen für Photoshop-Layouts braucht man immer wieder. Die meisten hilfreichen Tutorials zum Thema beziehen sich auf ein ruhiges Gewässer mit einem Wirbel im Mittelpunkt. Was aber, wenn man einen Fluß oder das Meer braucht?
1. Neues Photoshop-Dokument erstellen. Die Größe wählt Ihr ca. 3mal so hoch, wie das Ergebnis aussehen soll (im Beispiel ist die Datei 200px x 600px groß).
Image Maps habe ich nicht mehr verwendet, seit ich mich mit CSS gesteuerten Webseiten beschäftige - und das sind inzwischen ein paar Jährchen. Aber z.Z. arbeite ich an einem Auftrag, der so etwas erfordert und barrierefrei muss es auch sein. Also habe ich mich mal mit "Night of the Image Map" von Stuart Robertson beschäftigt. Die Idee dahinter ist, unsichtbare Links zu erzeugen, sie per position: absolute über einem Basisbild zu verteilen und ihnen für die Buttonfunktion im :hover-Status jeweils ein eigenes Hintergrundbild mitzugeben. Mit CSS haben wir eine perfekte Image Map, ohne CSS benutzbare Links.
Additional Information
Related Domains
