Topic: Styling Question

I know it might not be the place to post this but I'm having a hard time with something and don't know where to edit the .css. I would like to have a border between the post indicator and the 'test forum'

Example of one done on Punbb:
http://img238.imageshack.us/img238/4969/styleao5.png

My site:
http://img413.imageshack.us/img413/7446/stylemk4.png

What I want it to look like:
http://img413.imageshack.us/img413/790/style2xj5.png

I put it in white so it could be clear for you guys to see. Thanks in advance and sorry if it's not posted in the right section.

[img]http://img90.imageshack.us/img90/746/scripter8ko.png[/img]
http://openwings.co.cc

Re: Styling Question

No, this is the right section
Do you want it just on the index page?

3 (edited by Scripter 2008-04-12 21:05)

Re: Styling Question

No I would like it on the viewforum as well if that is possible.

[img]http://img90.imageshack.us/img90/746/scripter8ko.png[/img]
http://openwings.co.cc

Re: Styling Question

Then try adding:

.pun .tclcon { BORDER-LEFT: 1px #363636 solid; }

Re: Styling Question

Smartys wrote:

Then try adding:

.pun .tclcon { BORDER-LEFT: 1px #363636 solid; }

Yes, but it doesn't do like this;
http://img238.imageshack.us/img238/4969/styleao5.png
I want it like that if it's possible....

[img]http://img90.imageshack.us/img90/746/scripter8ko.png[/img]
http://openwings.co.cc

Re: Styling Question

#punviewforum .blocktable td, #punindex .blocktable td { border: 1px #363636 solid; }

That should do.

Re: Styling Question

elbekko wrote:
#punviewforum .blocktable td, #punindex .blocktable td { border: 1px #363636 solid; }

That should do.

http://img411.imageshack.us/img411/4893/style2qt2.png
Now, I need the up and down line tongue

[img]http://img90.imageshack.us/img90/746/scripter8ko.png[/img]
http://openwings.co.cc

Re: Styling Question

From that screenshot, it seems to be there but not in the right position. Try setting .icon to the width and height of the image you're using.

Re: Styling Question

elbekko wrote:

From that screenshot, it seems to be there but not in the right position. Try setting .icon to the width and height of the image you're using.

DIV.icon {float: left; display: block;width:31px;height:32px}

Exactly the same size :S My height and width are precise....

[img]http://img90.imageshack.us/img90/746/scripter8ko.png[/img]
http://openwings.co.cc

10

Re: Styling Question

Ignore elbekko's solution. It can't work because the icon is in the same td as the forum description so it can't possibly put a border between them.

The only real solutionis to edit the files to add an extra column and put the icon in it then adjust the css appropriately. Its obvious thats what the examples you have shown have done because of the position of the column heading.

smarty's solution will work provided the forum description column has the tallest content but it requies removing the top and bottom padding from .tcl and putting it on the div .tclcon instead.

Re: Styling Question

Ah damn.....I don't know shit in php.

[img]http://img90.imageshack.us/img90/746/scripter8ko.png[/img]
http://openwings.co.cc

Re: Styling Question

lol thats my site ...

look at the  megapun files ... copy that to ur css ...

MyFootballCafe.com  is Now Online!

Re: Styling Question

Is there some php to be modified?

[img]http://img90.imageshack.us/img90/746/scripter8ko.png[/img]
http://openwings.co.cc

Re: Styling Question

Yes. Paul told you that you need to edit the PHP files (although all you're changing is markup I believe).

15 (edited by Scripter 2008-04-13 14:02)

Re: Styling Question

Problem fixed I got it to work.

[img]http://img90.imageshack.us/img90/746/scripter8ko.png[/img]
http://openwings.co.cc