Bestsellers box css

[jonnyh]

Hi
I'm using a template monster template, and am having trouble with what css code to use to give each of the 10 bestsellers a graphic background ie. a round rectangle to split them all up.

I've tried using quite a few methods with no luck.

link= CLICK HERE

Any help would greatly appreciated.

Thanks
Jon

[gjh42]

Add to any of your stylesheets

#bestsellersContent .wrapper tr {border: 1px solid red;}

Adjust to suit. Unfortunately CSS border-radius doesn't work on table elements.

[jonnyh]

Thanks for that.. worked well.

Quick couple of other questions:
- I am getting a blank box in-between 1st and 2nd best seller items. Any idea why this is happening?
- And if I want the text to drop 10px, and have price align left, what would be the best css to use?

thanks
Jon

[gjh42]

The blank box has an <hr> in it. I don't know why the code puts one there and not between other items, but you would have to look at the sidebox files.
In view source:

<tr><td colspan=2><hr></td></tr>

[gjh42]

Most of the formatting is hard-coded in the sidebox file, using antiquated and possibly deprecated tag attributes. The best solution would be to rewrite that part of the file to add classes and remove hard-coded styling, so the styling can be handled in the stylesheet. That's really something TM should be doing, but they don't care about standards or best practice or customizability, only what will get their look in every browser no matter how old.


<tr>
<td valign=top><a href="http://www.allthecraze.com.au/index.php?main_page=product_info&amp;products_id=263"><img src="images/DSC06525 copyD.png" alt="Dino Bandz" title=" Dino Bandz " width="59" height="65" /></a></td>
<td valign=top><a href="http://www.allthecraze.com.au/index.php?main_page=product_info&amp;products_id=263">Dino Bandz</a><BR><div align=right>$2.00</div></td>
</tr>

[jonnyh]

Thanks for the help... I had a look at those files and was at least able to do basic modification, and fixed the error.
Thanks again!