On Fri, 29 Jun 2007 10:42:18 +0100, Rick Lecoat wrote:
> Thanks for that link David, I have a project coming up that will require an
> image
> gallery rollover technique like that and desperately wanted to do it with
> CSS, no
> javascript. This has just shown me how.
>
Good. Stu has other examples, too.
CSS is not meant to substitute for scripting, of course. But for certain
well-defined behaviors like this, I find CSS just easier.
Note that there are limits to what CSS can do. Keyboard users are
locked out, for example. While you can include keyboard users by
adding :focus and (for IE) :active selectors to the :hover rules to
allow the tab key to pop up the images, there will be conflicts if you
use both the tab key and the mouse.
This is what I mean:
#thumbs a:focus,
#thumbs a:hover,
#thumbs a:active {border-color:#ddd;}
#thumbs a:focus,
#thumbs a:hover,
#thumbs a:active img {position:absolute; width ... }
> I realise that the example page is not authored by you, but if I may ask your
> opinion
> of one aspect of it: what is your view, semantically speaking, of the use of
> the <em>
> tag to define the thumbnails area? [...]
>
Personally, I'd probably use a SPAN, although you could see it as
emphasizing the images. (?!)
Cordially,
David
--
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
