Afternoon,
Have been playing around with creating a TOC for an image gallery by  
placing the anchors and h2-headlines inside an ordered list... as in:  
(ol (li (h2 (a)))). Used CSS to place the thumbnail images into the  
background of the individual list items -- and again to place a  
transparent png file in the background of the anchors to create a  
rollover highlight effect.

http://richmondesign.com/fsm_portfolio/index.php
http://richmondesign.com/_stylesheets/base.css

What I would really like to do is to take the text inside the anchor  
and force it to drop below the background image (with appropriate  
padding), but it doesn't look like there is a way to 'grab onto' just  
the text and do that without adverse side effects. Is this possible?

I suppose I could put the transparent png into the xhtml code inside  
the link (as opposed to background via CSS) and push the text down  
below, but I prefer the simplicity of referencing the transparent png  
just once in the style sheet.

Something of a minor tangent... is it possible to construct a  
transparent png that would de-saturate the image below to create a  
B&W effect?

Thanks for all your help!
-iE

.................................................

ibn Ezra
mailto: [EMAIL PROTECTED]

.................................................




______________________________________________________________________
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/

Reply via email to