Fabien Meghazi wrote:
> I would like to make a staring system that can be "inline" so it
> would look like this :
>
> Please rate this : * * * * * * [button]
>
> I'm trying to work with ul and li both "display: inline" but once the
> li are inline, I can't set a width for them.
An unordered list (ul) is a block-element, regardless of 'display:'
value, so if you want a "resize-able" element inside an element that can
only contain inline-elements - like in a paragraph, then ul/li won't do.
CSS doesn't change the HTML rules for where an element can go - only how
it displays.
'Height' and 'width' won't work on inline-elements either - apart from
images, so I suggest the use of something like...
<p>Please rate this : <span id="rating"></span> [button]</p>
CSS:
#rating {
padding: 1.2em 6em 0 0;
background: transparent url(star-rating.gif) 0 50%;
}
...where the padding set the dimension. Changing padding-value on the
sides will make the span grow/shrink in size with the rating.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
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/
