Image Above Section Link Layout

Hi,
I am changing my site to have the product per page/section. I would like to have the Image Below the Section link, but so far after playing around with the layout have had no luck...

Any help much appreciated.

[Duncan Rounding]

Can you give a URL as an example?

[jont]

It depends on the layout you are using - the CSS based layouts are usually set with the section image to float: left; so the text appear to the right of the image. If it is a CSS layout remove the float and reposition the HTML to show the image after the text.

If it is a tabled layout you will need to rebuild the table layout (if the image is to the side of the text) or if above the text simply swap the code between the <td> tags around.

As Duncan says without more info on the layout or a working example it is a shot in the dark as to which of the above solutions will work.

[eshopbrokers]

Section Link Layout

Hi,
This is an example of how it is at the moment. As you can see the Section Link is to the right of the image, and which ever way is easiest I would like to have the the Section Link directly above each image.

http://www.eshopbrokers.com/acatalog/iPhone_Cases.html

Below is the layout I am using currently, Image on left Section Link

<table width="100%" cellspacing="0" cellpadding="5" border="0">
   <tr>
      <td align="center" valign="top" width="10%">
         <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>
      <td align="left" valign="top" width="90%">
         <b><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></b><br />
         <actinic:variable name='SectionDescription'/>
      </td>
   </tr>
</table>

[leehack]

Rather than a 2 column 1 row table, just convert it to a 2 row, 1 column table instead. With the size of the images on your link, you may find it a bit squashed up as it is, so may be best to design your site to current recommended widths and maximum your space also.

[eshopbrokers]

Section Link

Is there a way I can create a new layout based on Image to the left of the sction link, so I can have the section link above the image..

Any ideas for changing the code around?

[leehack]

Copy the one below and just adjust the code to as you want it, it doesn't matter which one you copy, but the one below you have provided looks the easiest to change as it is very close to what you want. 2 rows, 1 column instead of 1 row, 2 columns as i mentioned is all you need to do.

[eshopbrokers]

Section Link

Hi,
I have been playing around with it by have had no luck. Do you know which parts I need to change. In the end result I would like 3 across, like I have currently just with the links above each picture

[Duncan Rounding]

Not the neatest but try this (backup first):

<table width="100%" cellspacing="0" cellpadding="5" border="0">
<tr>
<td align="center">
<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></b><br />
<actinic:variable name='SectionDescription'/>
</td>
</tr>
<tr>
<td align="center">
<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>
</table>

[eshopbrokers]

Section Link

Thanks for that, it has worked perfectly!

[leehack]

Hi,
I have been playing around with it by have had no luck.

If you get stuck on anything again Toby, show us what you have done so far, we can then correct your work and you will learn more that way. Much better to see your own mistakes corrected than be handed the solution and learn nothing (if you want to learn things that is). You only get good at html by buggering it up and learning from your mistakes.