Sent by Lori Lay on 13 April 2007 21:09
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-REMOVED]
>
> .................................................
>
>
>
>
> 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-REMOVED]]
> 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-REMOVED]]
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/