1

Topic: FAO Paul

I'm using what you said here to create the 1px gap between postleft and postright in viewtopic.

DIV.blockpost DIV.box, DIV.postright, DIV.postfootright {BACKGROUND-COLOR: #FAFAFA}
DIV.postright, DIV.postfootright {BORDER-LEFT-COLOR: #FFFFFF}
DIV.postleft {BORDER-RIGHT: 1px solid #FFFFFF}
DIV.postleft, DIV.postfootleft {BACKGROUND-COLOR: #F3F3F3}
DIV.blockpost LABEL {BACKGROUND-COLOR: #F3F3F3}

THe problem is that on a long message it displays like so :

http://xs45.xs.to/pics/05364/punbb23.jpg

What's the best solution to this ? Can it be done via the stylesheets or will i have to fiddle with viewtopic?

Cheers.

Re: FAO Paul

Change

DIV.postright, DIV.postfootright {BORDER-LEFT-COLOR: #FFFFFF}

to

DIV.postright, DIV.postfootright {BORDER-LEFT-COLOR: #F3F3F3}

3

Re: FAO Paul

That would work on the normal stylesheets but it's been changed so that the border is actually 1px and not the usual 18em :

DIV.postleft, DIV.postfootleft {
    FLOAT:left;
    WIDTH: 180px;
}
    
DIV.postright, DIV.postfootright {
    BORDER-LEFT-WIDTH: 1px;
    BORDER-LEFT-STYLE: solid;
    MARGIN-LEFT: 180px;
}

The problem is that the #FAFAFA for DIV.box applies for both postleft and postright, so on a large post, it gets messed up...

4

Re: FAO Paul

Thats something you can't do with the stylesheet. Either you have different colours for the columns or you have a narrow border, you can't do both. The markup has completely changed for the next version so you can do what you are trying to do very easily but that doesn't help you now I'm afraid.

5

Re: FAO Paul

Indeed. Any suggestions for editing viewtopic to get it to work? I'm stumped.

6

Re: FAO Paul

I'm working now but I will have a look tonight and get back to you with something.