How do I do this ?

[Brightstar]

Hi everyone,

I am sure there must be a way of doing this ? Or do I need to do something in Dreamweaver ?

I want to show columns of images which link to the various sections in the shop. I have attempted to do this with fragments, and links to the product sections, which works, only it lists each subsequent fragment below, rather than to the right of the previous one. I have tried altering the 'column count for fragments' - nothing happens ?

I have attatched an image of a site which uses something similar.

Of course, I would also only wish to show this on the homepage.

Am I missing something ? (probably !)

Hope this makes sense !

[jont]

There are several ways - the simplest in Actinic is to click on the section and look for one of the properties for "column count" ... not at an Actinic PC at the moment to give exact directions ... at the moment if they are listing on top of each other it is set to 1 ... you need to set to 3 or 4 to lay them our 3 or 4 across.

HTH

[chris ashdown]

Home page fragments

This is the code we use to show the image and a hard link to the relevant sections, whic i think is what you are after

You can see the relevant parts on my internet-workwear site, but basically just a table which I am sure many of the more clever people on here can reduce in size and better appearance, but it works

Place in the text section of the home page fragments

<table width="600" border="0" align="center">
<tr align="center" valign="top">

<td class="myBORDER" width="100" border="1" align="center"><a href="http://www.internet-workwear.co.uk/acatalog/Alexandra_Range.html"><img src="Corporate.gif" width="100" height="150" border="0"></a><br />
<a href="http://www.internet-workwear.co.uk/acatalog/Alexandra_Range.html">Full Alexandra Clothing Ranges</a></p></td>


<td class="myBORDER" width="100" border="1" align="center"><a href="http://www.internet-workwear.co.uk/acatalog/Chefs_Clothing.html"><img src="Chef.gif" width="100" height="150" border="0"></a><br />
<a href="http://www.internet-workwear.co.uk/acatalog/Chefs_Clothing.html">Chefs Clothing</a></p></td>


<td class="myBORDER" width="100" border="1" align="center"><a href="http://www.internet-workwear.co.uk/acatalog/Nurses_Uniforms.html"><img src="Nurse.gif" width="100" height="150" border="0"></a><br />
<a href="http://www.internet-workwear.co.uk/acatalog/Nurses_Uniforms.html">Nurses Uniforms</a></td>


<td class="myBORDER" width="100" border="1" align="center"><a href="http://www.internet-workwear.co.uk/acatalog/Overalls.html"><img src="Overall.gif" width="100" height="150" border="0"></a><br />
<a href="http://www.internet-workwear.co.uk/acatalog/Overalls.html">Overalls</a></p></td>


<td class="myBORDER" width="100" border="1" align="center"><a href="http://www.internet-workwear.co.uk/acatalog/Hard_Hats.html"><img src="Hardhat.gif" width="100" height="150" border="0"></a><br />
<a href="http://www.internet-workwear.co.uk/acatalog/Hard_Hats.html">Hard Hats</a></p></td>


<td class="myBORDER" width="100" border="1" align="center"><a href="http://www.internet-workwear.co.uk/acatalog/Disposable_Overalls.html"><img src="Disposable_100.gif" width="100" height="150"border="0"></a><br />
<a href="http://www.internet-workwear.co.uk/acatalog/Disposable_Overalls.html">Disposable Overalls</a></td></tr>

<tr align="center" valign="top">


<td class="myBORDER" width="100" border="1" align="center"><a href="http://www.internet-workwear.co.uk/acatalog/Dust_Masks.html"><img src="Dustmask.gif" width="100"
height="150"border="0"></a><br />
<a href="http://www.internet-workwear.co.uk/acatalog/Dust_masks.html">Dustmasks</a></p></td>

<td class="myBORDER" width="100" border="1" align="center"><a href="http://www.internet-workwear.co.uk/acatalog/Gloves.html"><img src="Gloves.gif" width="100"
height="150"border="0"></a><br />
<a href="http://www.internet-workwear.co.uk/acatalog/Gloves.html">Wide selection of work gloves</a></p></td>

<td class="myBORDER" width="100" border="1" align="center"><a href="http://www.internet-workwear.co.uk/acatalog/Fleece.html"><img src="Fleece.gif" width="100"
height="150"border="0"></a><br />
<a href="http://www.internet-workwear.co.uk/acatalog/Fleece.html">Fleece</a></p></td>


<td class="myBORDER" width="100" border="1" align="center"><a href="http://www.internet-workwear.co.uk/acatalog/Ladies_Workwear.html"><img src="Ladies.gif" width="100" height="150" border="0"></a><br />
<a href="http://www.internet-workwear.co.uk/acatalog/Ladies_Workwear.html"> Ladies Workwear</a></p></td>

<td class="myBORDER" width="100" border="1" align="center"><a href="http://www.internet-workwear.co.uk/acatalog/Maids_Uniform.html"><img src="Maids.gif" width="100"
height="150"border="0"></a><br />
<a href="http://www.internet-workwear.co.uk/acatalog/Maids_Uniform.html">Maids Uniforms</a></p></td>

<td class="myBORDER" width="100" border="1" align="center"><a href="http://www.internet-workwear.co.uk/acatalog/Beauty_Uniforms.html"><img src="NF172_black.jpg" width="100"
height="150"border="0"></a><br />
<a href="http://www.internet-workwear.co.uk/acatalog/Aprons.html">Beauty Uniforms</a></td></tr>


<tr align="center" valign="top">

<td class="myBORDER" width="100" border="1" align="center"><a href="http://www.internet-workwear.co.uk/acatalog/Tabards.html"><img src="Tabard.gif" width="100" height="150" border="0"></a><br />
<a href="http://www.internet-workwear.co.uk/acatalog/Tabards.html">Tabards</a></p></td>

<td class="myBORDER" width="100" border="1" align="center"><a href="http://www.internet-workwear.co.uk/acatalog/Shirts_and_Blouses.html"><img src="Shirts.gif" width="100"
height="150"border="0"></a><br />
<a href="http://www.internet-workwear.co.uk/acatalog/Shirts_and_blouses.html">Shirts & Blouses</a></p></td>

<td class="myBORDER" width="100" border="1" align="center"><a href="http://www.internet-workwear.co.uk/acatalog/Hi_Vis_Jackets.html"><img src="Hi-Vis.gif" width="100"
height="150"border="0"></a><br />
<a href="http://www.internet-workwear.co.uk/acatalog/Hi_Vis_Jackets.html">Hi_Vis Clothing</a></p></td>


<td class="myBORDER" width="100" border="1" align="center"><a href="http://www.internet-workwear.co.uk/acatalog/Hearing_Protection.html"><img src="Eardefenders.gif" width="100" height="150" border="0"></a><br />
<a href="http://www.internet-workwear.co.uk/acatalog/Hearing_Protection.html">Hearing Protection</a></p></td>

<td class="myBORDER" width="100" border="1" align="center"><a href="http://www.internet-workwear.co.uk/acatalog/Footware.html"><img src="Footware.gif" width="100" height="150" border="0"></a><br />
<a href="http://www.internet-workwear.co.uk/acatalog/Footware.html">Wide selection of Footware</a></p></td>

<td class="myBORDER" width="100" border="1" align="center"><a href="http://www.internet-workwear.co.uk/acatalog/Trousers.html"><img src="Trousers.gif" width="100" height="150" border="0"></a><br />
<a href="http://www.internet-workwear.co.uk/acatalog/Trousers.html">Unisex work trousers</a></td>



<tr align="center" valign="top">

<td class="myBORDER" width="100" border="1" align="center"><a href="http://www.internet-workwear.co.uk/acatalog/Sweaters.html"><img src="Sweaters.gif" width="100"
height="150"border="0"></a><br />
<a href="http://www.internet-workwear.co.uk/acatalog/Sweaters.html">Traditional Sweaters</a></p></td>

<td class="myBORDER" width="100" border="1" align="center"><a href="http://www.internet-workwear.co.uk/acatalog/Fisherman_Smocks.html"><img src="Smock.gif" width="100" height="150"border="0"></a><br />
<a href="http://www.internet-workwear.co.uk/acatalog/Fisherman_Smock.html">Fishermans Smocks</a></p></td>

<td class="myBORDER" width="100" border="1" align="center"><a href="http://www.internet-workwear.co.uk/acatalog/Bodywarmers.html"><img src="bodywarmer_100.gif" width="100"
height="150"border="0"></a><br />
<a href="http://www.internet-workwear.co.uk/acatalog/Bodywarmers.html">Bodywarmers</a></p></td>


<td class="myBORDER" width="100" border="1" align="center"><a href="http://www.internet-workwear.co.uk/acatalog/Bib_Brace.html"><img src="Bibbrace.gif" width="100"
height="150" border="0"></a><br />
<a href="http://www.internet-workwear.co.uk/acatalog/Bib_Brace.html">Bib and Brace</a></p></td>

<td class="myBORDER" width="100" border="1" align="center"><a href="http://www.internet-workwear.co.uk/acatalog/Painters_Clothing.html"><img src="painters_overalls_100.gif" width="100" height="150"border="0"></a><br />
<a href="http://www.internet-workwear.co.uk/acatalog/Painters_Clothing.html">Painters Clothing</a></p></td>




<td class="myBORDER" width="100" border="1" align="center"><a href="http://www.internet-workwear.co.uk/acatalog/Antistatic_Clothing.html"><img src="antistatic_coats_100.gif" width="100" height="150" border="0"></a><br />
<a href="http://www.internet-workwear.co.uk/acatalog/Antistatic_Clothing.html">Antistatic Clothing</a></p></td>

<tr align="center" valign="top">

<td class="myBORDER" width="100" border="1" align="center"><a href="http://www.internet-workwear.co.uk/acatalog/Jackets_and_Coats.html"><img src="Jacket.gif" width="100"
height="150"border="0"></a><br />
<a href="http://www.internet-workwear.co.uk/acatalog/Jackets_and_Coats.html">Jackets and Coats</a></p></td>

<td class="myBORDER" width="100" border="1" align="center"><a href="http://www.internet-workwear.co.uk/acatalog/Turtleskin_Security_Gloves.html"><img src="Turtleskin.gif" width="100" height="150" border="0"></a><br />
<a href="http://www.internet-workwear.co.uk/acatalog/Turtleskin_Security_Gloves.html">Needle resistant security gloves</a></p> </td>


<td class="myBORDER" width="100" border="1" align="center"><a href="http://www.internet-workwear.co.uk/acatalog/Maternity_Wear.html"><img src="Maternity.gif" width="100" height="150" border="0"></a><br />
<a href="http://www.internet-workwear.co.uk/acatalog/Maternity_Wear.html">Maternity Clothing</a></p></td>

<td class="myBORDER" width="100" border="1" align="center"><a href="http://www.internet-workwear.co.uk/acatalog/Aprons.html"><img src="Apron.gif" width="100"
height="150"border="0"></a><br />
<a href="http://www.internet-workwear.co.uk/acatalog/Aprons.html">Aprons</a></p></td>

<td class="myBORDER" width="100" border="1" align="center"><a href="http://www.internet-workwear.co.uk/acatalog/Chefs_Clothing.html"><img src="Le_Chef.jpg" width="100" height="150" border="0"></a><br />
<a href="http://www.internet-workwear.co.uk/acatalog/Chefs_Clothing.html">Dennys / Le Chef</a></p> </td>

</table>