Multiple columns with divider bars

[VolFish]

Hi there,

I was wondering if it was possible to have multiple columns with a divider bar inbetween? See picture for example.

Picture borrowed from another site for this example.


Cheers,
VolFish

[wjcampbe]

I stuck this code in a fragment

!!<<table border=1><tr><td width=150  height=150 bgcolor=green><img src="./88-x-31-true-col-powered-by.gif"></td><td width=3 rowspan=6 bgcolor=red></td><td width=150 bgcolor=blue><img src="88-x-31-true-col-powered-by.gif"></td><td width=3 rowspan=6 bgcolor=red></td><td width=150 bgcolor=yellow><img src="88-x-31-true-col-powered-by.gif"></td></tr>
<tr><td width=150 height=150 bgcolor=blue><img src="88-x-31-true-col-powered-by.gif"></td><td width=150 height=150 bgcolor=yellow><img src="88-x-31-true-col-powered-by.gif"></td><td width=150 height=150 bgcolor=green><img src="88-x-31-true-col-powered-by.gif"></td></tr>
<tr><td width=150 height=150><img src="88-x-31-true-col-powered-by.gif"></td><td width=150 height=150><img src="88-x-31-true-col-powered-by.gif"></td><td width=150 height=150><img src="888-x-31-true-col-powered-by.gif"></td></tr>
<tr><td width=150 height=150><img src="88-x-31-true-col-2powered-b.gif"></td><td width=150 height=150><img src="88-x-31-true-col-2powered-b.gif"></td><td width=150 height=150><img src="88-x-31-true-col-2powered-b.gif"></td></tr>
<tr><td width=150 height=150><img src="88-x-31-true-col-2powered-b.gif"></td><td width=150 height=150><img src="88-x-31-true-col-2powered-b.gif"></td><td width=150 height=150><img src="88-x-31-true-col-2powered-b.gif"></td></tr>
<tr><td width=150 height=150><img src="88-x-31-true-col-2powered-b.gif"></td><td width=150 height=150><img src="88-x-31-true-col-2powered-b.gif"></td><td width=150 height=150><img src="88-x-31-true-col-2powered-b.gif"></td></tr>
</table>>!!

just to prove the concept

[VolFish]

Hi wjcampbe,

Thanks for the reply, but what I should have mentioned are that the multiple columns are the ones that are generated from Actinic itself.

Cheers,
VolFish

[jont]

Not easily as the Act_SectionLine template will at the very least create a line break between one row and the next thereby breaking a continuous line. The second pain will come from declaring where you place the lines to ensure you only get the 2 central lines and none on the outside as well.

Keep in mind also that section layouts are inherited up to the parent on a section by section basis so if you have one subsection featuring a modified Act_SectionLine.html template that will then show in the parent section and all the others will be the exisiting.

One solution would be to strip out all the tables in the Section layout -including the following table details being generated in the Actinic text id :

id 1187 = <TABLE width="100%"><TR>
id 1188 = </TR></TABLE>
id 1189 = <TD WIDTH="%d%%">
id 1190 = </TD>

and then float the section layouts setting margin-top and margin-bottom to zero to prevent the line breaks. If you are always using say 3 sections across you can combine the Act_SectionLine.html to have 3 sets of repeating code and setting the divider line accordingly around the central column ... this will prevent the vertical lines appears at the side also.

Alas not an easy undertaking but it will work given time and patience

[jont]

You could possibly achieve the same effect by modifying the table layout in Act_SectionLine and again having the 3 lots of code in the one template and setting 2 new cells either side of the central column and adding the image into the background ....