Table background headers

I've done little bit of work on the table background headers with a little start from LG. Just to make it look a little better. I'll keep on working on it for now and I'll need to try and work out how to get the top right and left to be sort of curved.

Ok, curves done and fixed some of the problems I had with the text.

Only problem now, is this:



Whatever I try to do, I just can't put padding-left: 5px on this thing. This is also making the text, 'Replies' 'Views' and 'Last Post' go slightly out of place.

Also, the new style of table background, can that be applied to the top of each thread like on punbb?

Actually, the padding-left: 5px moves all the text 5px and not just the text ANNOUNCEMENT & STICKY, meaning replies, views and last post are slightly out of place.

Any way I can moved only the text 'ANNOUNCEMENT & STICKY' and not the rest of the text on the line?

which code have you been trying to mess with at the moment?

I've managed to do it by adding:

ul.topiclist li.header dl dd, ul.topics li.header dl.icon dt {
margin-left: 5px;
}

instead of padding-left

however this still means that the other text on the line is slightly out of place. (edit: realised this is also the case on the forum index)

dl.icon dt {
margin-left: 5px;
}

on its own wont work?

Otacon_Alonsus wrote:
dl.icon dt {
margin-left: 5px;
}

on its own wont work?

That fixes the forum index.

Ok, all we need now is the word 'Topics' to be margin-left:5px

I can't seem to get that though.

Still no luck. 'TOPICS' is still refusing to move itself.

This has been added:

ul.topics li.header dl.icon dt {
margin-left: 5px;
}

and nearly every combination of things that can be added has been added. The word 'TOPICS' can move, but only with the rest of the text on the line like 'REPLIES', 'VIEWS' and 'LAST POST'.

This should fix the topics bit on the viewforum pages:

Code:


ul.topics .dterm { margin-left: 5px!important; }


The !important declaration is needed to over power the inline style attribute.

LGforum wrote:This should fix the topics bit on the viewforum pages:

Code:


ul.topics .dterm { margin-left: 5px!important; }


The !important declaration is needed to over power the inline style attribute.

Now I know what !important means.

Thanks LG. For the other thing I asked about, is it possible without template editing?

Neymar wrote:
Thanks LG. For the other thing I asked about, is it possible without template editing?

Explain?