Previous Message
Next Message

Styling a tag cloud

Sent by Christoph_Schüßler on 22 September 2006 17:05


Hi Michael,

try changing the css to

#tag-cloud{
    clear:both;
    list-style:none;
    display:table;
}
#tag-cloud li{        
    float:left;
    margin:0 0.5em;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;    
    display:table;
    vertical-align:bottom;
}

This should do the trick.

To all: This is my first post to the list, so please excuse any styling
errors.

Michael Ford wrote:
> Hello all,
>
> I'm trying to style an unordered list as a "tag cloud" but, because the
> list items are floated and of different heights, they align along the
> top rather than the bottom. http://www.newpresence.co.uk/tagcloud.html
>
> The easy answer would be to remove the list tags, but I feel there
> should be a way of doing this using a list. Any thoughts, please?
>
> Many thanks
>
> Michael Ford
>
> ______________________________________________________________________
> css-discuss [EMAIL-REMOVED]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7b2 testing hub -- 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/
>
>
>   

-- 
      Christoph Schüßler
////////////////////////////////
www.krkr.org > www.anestetic.net


______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
Previous Message
Next Message

Message thread: