From: "Stuart King" <[EMAIL PROTECTED]> To: <[email protected]> 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 PROTECTED] 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/
