Need help formatting THEAD...

[Jaxel]

Okay... I am working on a new skin for my forum... but I'm having issues with the formatting of my table heads...

This first image is the layout as it is now...

This second image is the layout as I want it to be... (notice the gold bar in the center)

How exactly would I do this? Could it be done directly in the CSS section of the Table header (.thead) section, or would I have to make some template changes? The less template changes the better.

[cheat-master30]

Have you tried as extra CSS properties for thead:


background-image: url([your image URL]);
background-position: left;
background-repeat: no-repeat;


If not, you'd edit the template, find class="thead" and add some image code inside said section.

[Jaxel]

Yeah... but in order to do that, I would have to make the black borders around the cells in THEAD disappear... I couldnt figure that out.

As you can also see, the little gem on the left sticks out beyond the cell as well... But forget the gem... I figure that would be way too complicated without editing templates... Would there be a way to add an image to the top left of every table? Not overlapping, but above.

However, what I really want is to curve the corners of the tables... how do I do that like in the second image? Without having to make 4 corner images?

[cheat-master30]

It's going to have been template edits then I'm afraid for the small icon in the thead section. As for curved corners, well most solutions are sadly going to either have to require four images or two extremely long images added to the background with CSS.

[Jaxel]

Okay... I get that... is it possible to remove the black borders on just the gold bar?

[cheat-master30]

Try:

border: 0;

in the additional CSS definitions for table header.

[Jaxel]

I've tried that, unfortunately it doesnt work because of the Inner Border Width