Section Layout Template

[darrentickle]

Hi

Sorry if this isn't a new problem to most people, but I've only started using Actinic V 7 a few days ago and I'm just getting to grips with it.

I'm trying to create a layout with 3 sections across, but I don't want to use tables and columns to do this. I have been able to does this using CSS on a flat HTML site but I'm finding this hard to do as I don't seem to be able to control the code in NETQUOTEVAR:SECTIONLISTTOP , can I do this.?

The code I have got in the Act_ProductBody.html is:

<!-- ProductBody HTML begin -->
<!-- Insert HTML for the top of the product body -->

<a name="sectiontop">
<!--<DIV ALIGN="CENTER">
NETQUOTEVAR:PARENTSECTIONSTOP
</DIV>-->
<!-- NETQUOTEVAR:TOPLEVELSECTIONSTOP -->
NETQUOTEVAR:SECTIONLISTTOP
<!--NETQUOTEVAR:TOPSECTIONSEPARATOR-->
<!--NETQUOTEVAR:CARTERRORLISTXML-->
<!--</a>-->
<!--NETQUOTEVAR:HIDDENINPUT
NETQUOTEVARISCOUNTINFOBULK-->
<!--<BR>

<TABLE WIDTH="500" COLS="3" BORDER="0" CELLPADDING="10" CELLSPACING="0" ALIGN="CENTER">-->

NETQUOTEVAR:PRODUCTBULK

<!--</TABLE>-->


<a name="sectionbottom">
<!--<DIV ALIGN="RIGHT">-->
NETQUOTEVAR:SINGLEADD
<!--</DIV>
NETQUOTEVAR:BOTTOMSECTIONSEPARATOR-->
NETQUOTEVAR:SECTIONLISTBOTTOM
<!-- NETQUOTEVAR:TOPLEVELSECTIONSBOTTOM
<DIV ALIGN="CENTER">
NETQUOTEVAR:PARENTSECTIONSBOTTOM
</DIV> -->
<!--</a> -->
<!-- Insert HTML for the bottom of the product body -->
<!-- ProductBody HTML end -->


And the code I'm using in the Act_Sectionline.html is:

<!-- SectionLine HTML begin -->
<!-- Insert HTML for the beginning of a section title -->
<div class="HomepageTableContent">
<div class="BlueBoxMiddle">
<a href="NETQUOTEVAR:SECTIONLINK" title="NETQUOTEVAR:SECTIONNAME">NETQUOTEVAR:SECTIONIMAGE</a>
<div class="BlueBoxMiddleText">
<h3 class="linkheading"><a href="NETQUOTEVAR:SECTIONLINK" title="NETQUOTEVAR:SECTIONNAME">NETQUOTEVAR:SECTIONNAME</a></h3>
NETQUOTEVAR:SECTIONTEXT
</div>
</div>
</div>
NETQUOTEVAR:NEXT
<!-- Insert HTML for the end of a section title -->
<!-- SectionLine HTML end -->

Any advice or help would be great.

Cheers

Darren

[pinbrook]

Go to Design|options|sections

there is an option there to choose the number of columns

[darrentickle]

Hi

Thanks for this but I don't want to use the table at all as I'm using CSS positioning to control this, for accessibility reasons. Also when I add the 3 column table it breask the page layout. Can I just remove the table which would be the easiest thing to do, but I'm not sure how.

Cheers

Darren

[cdicken]

The code which inserts the table comes from 'Design | Text | Website | HTML' - lines 9, 10, 11 and 12.

I guess if you are using CSS, you can just remove these lines and just use the <div>s in your Section Link code to lay out the links next to each other.

[darrentickle]

Thanks for that. It's worked a treat.

Cheers

Darren