[thesite] Ratings Bar CSS ?

[Michele Foster]

Hey Joel ..

Guess I put ya on the spot.. hehe .. wasn't intentional.. honest.  :)  Just
wanted to make sure people realized it was being worked on .. and I think
you've managed to get it working quite nicely.

http://members.evolt.org/spinhead/teo/ratings_bar5dec.html

Are we at a point we can determine what CSS classes/attributes need to be
added?

Looking at this ....

<quote>
<td width="25%" style="background: #9aa486; border-width: 1px 1px 1px 1px;
border-style: solid; border-color: #000000"><img src="images/spacer.gif"
height="4" width="1" border="0" alt=""></td>
</quote>

The border width is going to need to be styled inline .. no real way to set
that .. as the width is different for each block (table cell).  I need to be
able to set the background colour and the border's colour (and the style of
solid, which is not changeable). Can't use any of the existing border
classes .. as they all have the width specified.  We'll have to add another
bgcolour class .. no way around that .. as the sidebar colour doesn't *have*
to be different than the colour used for the main content area.

So, let's say we add the following:

.rating
{ background : #9AA486 ;     /* RatingBGColor */
  border-color: #000000" ;     /* RatingBorderColor */
  border-style: solid ; }                /*-- */

Then, the text will change to ....

<quote>
<td width="25%" class="rating" style="border-width: 1px 1px 1px 1px"><img
src="images/spacer.gif" height="4" width="1" border="0" alt=""></td>
</quote>


Is this right ?  Can I use a "class=" and "style=" in the same element?
(out of my league here .. sorry)


Adrian, Jeff .. comments too please.

Thanks,

Michele