(Yes I've searched but the results weren't quite helpful enough alone so excuse me if it looks like I am beating a dead horse. Just need some help/advice ).
I've creating a new skin for my vBulletin and want the .tcat class (the thing used for category gradients, at the top of forums and threads etc.) to have rounded corners on both sides. The skin is going to be fluid width, which is no biggie. I created background images for the left and right hand side and then created new classes e.g. category_left, category_right, setting the width/height and rounded corner background images. Added the new classes where I wanted rounded corners. This works fine and works no matter what size resolution/screen you're viewing on which is what I wanted however, this was without table borders. I want to add a table border however when I do the table border goes around the .tcat class too and my category headers meaning I get a border around my rounded corners. Not very flattering at all Settings the class borders to 0/none does nothing as I am talking about the main table outside borders (not the internal borders).
How can I overcome this fairly easily? I don't mind playing around a bit, but I know from other sites there IS a way to get fluid rounded corners and borders without having them interfere... I just don't know how to do it yet.
04-13-2010, 01:54 PM
Fluid Rounded Corners and Borders
).
Settings the class borders to 0/none does nothing as I am talking about the main table outside borders (not the internal borders).
Threaded Mode