Home Page Section List Table Problem

[graphicz]

I have a table showing the top level sections on the home page of my test site at http://www.graphicz.eu.com/site1/
(Scroll right down.)
The code for the layout is:

<actinic:block if="%3cactinic%3avariable%20name%3d%22IsBrochureHomePage%22%20%2f%3e">
<h2 class="clearall"><actinic:variable name="HomePageCatalogueTitle" /></h2>
	<table border="0" cellpadding="0" cellspacing="10" ><tr>
	<actinic:block type="TopLevelSectionList">
		<td style="padding:5px; border:1px dotted silver; vertical-align:top;">
		<actinic:block if="%3cactinic%3avariable%20name%3d%22IsSectionIncludedInSiteMap%22%20%2f%3e%20AND%20%3cactinic%3avariable%20name%3d%22ShowInHomepageSectionList%22%20%2f%3e">
		<actinic:variable name="SectionLinkHomePage" />								
		</actinic:block>		
		</td><td><div class="best_selling_items_spacing"><img src="theme_shim.gif" height="1" width="1" alt=" " /></div></td>
		<actinic:block if="%28%3cactinic%3avariable%20name%3d%22ListIndex%22%20%2f%3e%20%25%204%29%20%3d%3d%200" ></tr><tr></actinic:block>	
		</div>
	</actinic:block>
	</tr></table>
</actinic:block>

There is a variable "ShowInHomepageSectionList" true/false, place of setting - section, default true, which is meant to let or stop a section appearing in the table. Problem is it stops the section appearing but the <td> still appears. I ave tried moving the blockif above the <td> which causes chaos (!) and using ListCount instead of ListIndex to no avail. I am not a php person but I wondered if it needs a bit of that?
Thank you everyone.

[peblaco]

Using tables makes it difficult when you have different rows and need list counts and rowspans. Easier if you use CSS that will create columns without empty cells.

[graphicz]

Thanks Louise

New section link layout:

<a href="<actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><actinic:variable name="SectionPageName" /></actinic:block><actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" /></actinic:block>" target="_self">
            <img alt="<actinic:variable name="SectionName" encoding="strip"/>" src="<actinic:variable Name="SectionImageFileName"/>" border="0" width="100" /> 
         </a><br />
      <a href="<actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><actinic:variable name="SectionPageName" /></actinic:block><actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" /></actinic:block>" target="_self"><h2 class="homeh2"><actinic:variable name='SectionName'/></h2></a><br />
       <actinic:variable name="SectionShortDescription" />         
      <!--<actinic:variable name='SectionDescription'/>-->

New Top Level section layout: Site9 catalogue - css http://www.graphicz.eu.com/site1/

<actinic:block if="%3cactinic%3avariable%20name%3d%22IsBrochureHomePage%22%20%2f%3e">
<h2 class="clearall"><actinic:variable name="HomePageCatalogueTitle" /> - css</h2>

	<actinic:block type="TopLevelSectionList">
		<actinic:block if="%3cactinic%3avariable%20name%3d%22IsSectionIncludedInSiteMap%22%20%2f%3e%20AND%20%3cactinic%3avariable%20name%3d%22ShowInHomepageSectionList%22%20%2f%3e">
<div id="sectlnk">
		<actinic:variable name="SectionLinkHomePagePlaywith" />
</div>
	</actinic:block>		
	</actinic:block>

</actinic:block>

CSS

#sectlnk {
	float: left;
	width: 110px;
	margin: 10px;
	padding:5px;
	text-align: center;
	border: 1px dotted silver;
}

It works but doesn't like varying heights so doesn't turn under always.

Specifying a height works Site 9 caalogue - css2 http://www.graphicz.eu.com/site1/
CSS

#sectlnk2 {
	float: left;
	width: 110px;
	height: 190px;
	margin: 10px;
	padding:5px;
	text-align: center;
	border: 1px dotted silver;
}

But there would be a problem if the client put too much stuff in the box!

How can we make them make nice new rows whatever the height?

[peblaco]

The table cells are still in from the list layout settings so with full CSS those need clearing. A minimum height would suit most cases.