That doesn't seem to work.
#affils li {
padding-top:50px;
background:#339966;
}
When I do this, the background color is only behind the text, and not
above it. (and when I use a bg image, it is only behind the text as
well)
I checked firebug, and no element was setting a height or anything else
that could be modifying it.
-----Original Message-----
From: Roger Roelofs [mailto:[EMAIL PROTECTED]
Sent: Tuesday, May 29, 2007 7:46 PM
To: Jon Hughes
Cc: css discuss
Subject: Re: [css-d] Adding bg images to list items
Jon,
On May 29, 2007, at 7:21 PM, Jon Hughes wrote:
> I have the following code:
>
> <div id="affils">
> <ul>
> <li class="affa">Affil A</li>
> <li class="affb">Affil B</li>
> <li class="affc">Affil C</li>
> <li class="affd">Affil D</li>
> </ul>
> </div>
>
You can use padding on inline elements to get the spacing you need.
Something like
.affils li { padding-top: 35px }
firebug ( for firefox as you would guess ) is great for seeing where
rules override one another.
--
Roger Roelofs
______________________________________________________________________
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/
