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>
>
> I want an image to appear above these in an inline list, but I can't
> seem to modify the height of the li's, even when I make them
> display:block (my guess is that it's overridden with the
> display:inline)
>
> Basically, I want it to look like this:
>
> ----Affa Image-----Affb Image------Affc Image------Affd Image
> -----Affil A--------Affil B---------Affil C---------Affil D--
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/
