Sent by Al Sparber on 27 March 2008 02:02
From: "Stuart King" [EMAIL-REMOVED]>
To: [EMAIL-REMOVED]>
Sent: Wednesday, March 26, 2008 8:02 PM
Subject: [css-d] getting titles to appear under image - when hovering on
animage map
> Hi css'erss
> I am trying to get the titles of each individual gallery (gallery1;
> gallery2; gallery3; gallery4; and gallery5;) to appear underneath the dots
> when hovering over the image above.
>
> URL:
> http://www.adrianavargasdesign.com/pages/protfolioSK.html
That's an awfully complex approach. My advice would be to have each gallery
image be a separate image, use the ALT attribute properly, then carry the
popup title as the actual text of the link, embedded inside a span, which
you would show and hide using the a:hover pseudoclass... like this:
http://www.projectseven.com/csslab/images/hover/stuart-titles/
It's perfectly accessible because assistive readers will read the ALT
attribute and people with images disabled (very rare breeds) will see the
ALT attribute if they've set up their browser properly (if not, they get
exactly what they asked for).
--
Al Sparber - PVII
http://www.projectseven.com
Extending Dreamweaver - Nav Systems | Galleries | Widgets
Authors: "42nd Street: Mastering the Art of CSS Design"
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/