Works great with the latest versions of IE, Firefox, Safari and Opera and without additional mark-up! Don't have IE 6 handy to see what happens (already know the transparent png rollover won't work).
http://richmondesign.com/fsm_portfolio/index4.php toda raba! -iE ................................................. ibn Ezra mailto: [EMAIL PROTECTED] ................................................. On Apr 13, 2007, at 16:21 PM, Lori Lay wrote: > ibn Ezra wrote: >> Thanks... that moves the text down nicely. Funny that your solution >> never crossed of my mind! The only drawback is that it creates a >> large (invisible) link area beneath each image which could >> potentially compete with content in a different layout (a second row >> of gallery images for example). >> >> > > Try removing the height from #content #portfolios li a. > > This seems to work under Firebug in FF. I'm not sure what this > will do > to IE. IE has the same large area under the images, so hopefully > removing the height won't cause problems. > > Lori > >> Here's the result: >> http://richmondesign.com/fsm_portfolio/index2.php >> >> Thanks again, >> -iE >> >> ................................................. >> >> ibn Ezra >> mailto: [EMAIL PROTECTED] >> >> ................................................. >> >> >> >> >> On Apr 13, 2007, at 15:32 PM, nat parker wrote: >> >> >>> ibn Ezra wrote: >>> >>>> 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? >>>> >>> If I understand what you are trying to do, you could just add >>> padding-top to: >>> >>> #content #portfolios li a { >>> display: block; >>> height: 91px; >>> width: 147px; >>> background: transparent url(../_images/vellum.png) repeat; >>> padding-top: 95px; >>> } >>> >>> >>> nat >>> >> >> _____________________________________________________________________ >> _ >> 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/ >> >> > ______________________________________________________________________ > 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/ ______________________________________________________________________ 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/
