somenthig wrong with oranje theme

[santoro]

I like very much this theme, but there is somethig wrong whith rating stars under some displayed photo.
http://santoro.ic.cz/displayimage.php?pos=-2
The rating stars are not dispayed correctly in Firefox (but in Internet Explorer everything seems to be in the right place). See attached file to know what I mean.
Does anybody know what should I do to correct it? Thanks!

[santoro]

Maybe I should rewrite something with piece of code from another theme (where rating stars are displayed without these problems)? But it looks like theme Oranje has very specific theme.php, so I am completely lost
Can somebody give me some answer, please?

[Nibbler]

You need to add a clearing div after the floating bits.

[alanpalan]

Thanks. Where exactly? I don't know what floating bits means

[Stramm]

within your theme.php find $template_image_rating, copy it and post it here

[alanpalan]

Ok, here it is:

Code Select Expand


// HTML template for the image rating box
$template_image_rating = <<<EOT

        <tr>
                <td>
<div align="justify" class="graybox postmetadata">
<h3 style="margin: 0 0 0;"><span style="float:left">{TITLE}</span></h3> <span style="float:right">{VOTES}</span><br />
<table width="100%"><tr>
                <td width="" align="center"><a href="{RATE0}" title="{RUBBISH}"><img src="themes/oranje/images/rating0.gif" alt="{RUBBISH}" border="0" /><br /></a></td>
                <td width="" align="center"><a href="{RATE1}" title="{POOR}"><img src="themes/oranje/images/rating1.gif" alt="{POOR}" border="0" /><br /></a></td>
                <td width="" align="center"><a href="{RATE2}" title="{FAIR}"><img src="themes/oranje/images/rating2.gif" alt="{FAIR}" border="0" /><br /></a></td>
                <td width="" align="center"><a href="{RATE3}" title="{GOOD}"><img src="themes/oranje/images/rating3.gif" alt="{GOOD}" border="0" /><br /></a></td>
                <td width="" align="center"><a href="{RATE4}" title="{EXCELLENT}"><img src="themes/oranje/images/rating4.gif" alt="{EXCELLENT}" border="0" /><br /></a></td>
                <td width="" align="center"><a href="{RATE5}" title="{GREAT}"><img src="themes/oranje/images/rating5.gif" alt="{GREAT}" border="0" /><br /></a></td>
        </tr></table>
</div>
</td>
</tr>

EOT;