Section Link Layouts

[ian_a]

Hi
I'm struggling to understand the difference between the column count layout options for sections. I wanted my first row of section links to have 1 column and then all subsequent rows to have 3. So for this particular section I have the options set as:
Column count for 1st row of section links=1
Column count for section links=3
So far so good...
But then when I add an image for the 1st row (600px) that is 3 times the width of my normal section link images (200px) it seems that my 1st row/1column doesn't span the 2nd row/3columns ie. in the 2nd row I have just one section link below the 1st row pic and the other two section links are displaced right across the screen
Am I missing something obvious?
Ian

[OriginalTouch]

The Section Layout is in a table. (Look in Design View)
Make a new layout based on the old one in the Layout Tab, so you don't lose the old one.

In Design View, click on the top section, Go to the <td> in the top row and set a width of 600px.

[leehack]

Your top <td> in your list layout settings, needs to colspan the number of sections defined in the sectionlinkcolumncount (i think), see what you have in there.

[OriginalTouch]

Lee, I tried that, colspan doesn't seem to cooperate.

[leehack]

Depends how you use it i think, it works perfectly on the section separator, perhaps use that as a guide?

[ian_a]

I think I follow...
I've duplicated the layout, clicked on the top image and then have just tried both colspan="3" and width="600" in that first <td> of the layout table and neither gets me sorted at this end...
Am I misunderstanding your suggestions?

[leehack]

Need to see a URL or your code to comment.

[ian_a]

Here's the code from the layout below...sorry don't know how to copy it without all the %20%30 etc
And have attached a screen grab if that's any help.
Cheers, Ian

 <table cellpadding="3" cellspacing="0" border="0">
   <tr>
      <td align="center" colspan="3">
         <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" />
         </a>
      </td>
   </tr>
   <tr>
      <td align="center">
         <strong><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"><actinic:variable name='SectionName'/></a></strong><br />
         <actinic:variable name='SectionDescription'/>
      </td>
   </tr>
</table>

[OriginalTouch]

This is the code for one image and description, no reference to the row of images below.
Either:
give us the url. (best)
give us the whole code including the other image rows

Try width = 100% in the table you gave us.

[leehack]

On the first row you are telling it to colspan=3, but on the second row it only has one <td>, that will certainly cause what you are seeing. Your list layout settings look chuffed to me, get it all back to factory settings if you cannot provide a url as it is so difficult to imagine what you have done. You need to provide about 20 screenshots otherwise, get the list layout back as it should be for starters and whereabouts have you added that colspan i see?

[ian_a]

Just uploaded the whole site as TEST. This is the section I have probs with.

http://shop.jimaimracing.co.uk/acata...og/Decals.html

[leehack]

Your 'full decal sets' is sitting in a td which has been told to colspan=3. It's a right mess to be honest, you have a table inside a table - inside a table - inside a table.

Do yourself a favour and set these areas back to factory settings and start again, i think it's beyond repair without it in front of anyone. I think you have either your list layout for the middle area or the list layout for the bottom row set to colspan=3, but it's very hard to say without it in front of me.

[ian_a]

OK. Thanks for looking

[OriginalTouch]

Your table settings are confused.

Revert to default settings as suggested or get rid of that whole image table and set up simplistically as:

<table>
<tr><td colspan ="3">WIDE IMAGE</td></tr>
<tr><td>IMAGE1</td><td>IMAGE2</td><td>IMAGE3</td></tr>
</table>

The top <tr><td> colspan has to refer to the next <tr><td><td><td>
within the same table.

Your nested tables are confusing issues so we don't know what your colspans are referring to.

Hope that helps