Hi Tim, > >May I ask, why not simply use foreground icon > > images and change their height or width on hover? That would be > > cross-browser-compatible for anything that can parse CSS. > > This is cross-browser compatible. For browsers that do not support the > transform, nothing happens but they still get the text and image. Of > course, there could be other changes, such as color and image > swapping, going on in addition to the transform that those browsers > would implement.
This is progressive enhancement, but I'd not say it is cross browser compatible as it is not. Paul's solution *is* cross browser compatible as would deliver the same "look and feel" across most browsers out there. > > I don't see > > that having the icon in the foreground is any more of an issue than, > > say, having a foreground thumbnail image in a gallery be the link to > > its larger counterpart. Isn't this a case where one could argue both > > sides of the question, "Is it content or is it presentation"? > > Yes, this would fall into a semantic debate (see Thierry's reply). But > for the CSS I used it doesn't matter if the image is foreground, > background or not there. The transform effects the <a> element. The question I asked Paul is related to his use of the alt attribute, it was not meant to discuss semantics. The value used for alt text shows if the author considers the image as decorative or not. If Paul says he would use alt="", then it means he considers the image being decorative, if he says he would use some value (for example alt="home") then it means he considers that image being content. Imho, the <img> itself is not content, it is the alt text that makes it content. -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz ______________________________________________________________________ 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/
