Home Page Fragment

[CraftyJoy]

I would like to have a fragment on my home page with about 6 - 9 small images and no text.

Can somebody help by suggesting how I should approach this.

I have very little knowledge of html.

Joy

[wjcampbe]

Create a new fragment of type text only.

In the text section
!!<
<img src="yourfile1.jpg">&nbsp<img scr="yourfile2.jpg">
etc etc
>!!

you may need to use width and height attributes to control the size of your images i.e <img src="myfile1.jpg" width="200" height="150"> and <br> tags to cause line changes.

[jont]

You can also use a table to lay the images out - example HTML to give a 3 x 3 cell centred table that is 300 pixels wide... I have used the standard VISA.GIF file that you should have so you can see how it works:


!!<<table width="300" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><div align="center"><img src="visa.gif" width="34" height="22"></div></td>
<td><div align="center"><img src="visa.gif" width="34" height="22"></div></td>
<td><div align="center"><img src="visa.gif" width="34" height="22"></div></td>
</tr>
<tr>
<td><div align="center"><img src="visa.gif" width="34" height="22"></div></td>
<td><div align="center"><img src="visa.gif" width="34" height="22"></div></td>
<td><div align="center"><img src="visa.gif" width="34" height="22"></div></td>
</tr>
<tr>
<td><div align="center"><img src="visa.gif" width="34" height="22"></div></td>
<td><div align="center"><img src="visa.gif" width="34" height="22"></div></td>
<td><div align="center"><img src="visa.gif" width="34" height="22"></div></td>
</tr>
</table>>!!

[CraftyJoy]

Thanks but please could you be a lot more explicit!

I have never tinkered around before but am keen to learn.

Do you mean add either of the above html codes to the Act_textonly, if so where and if so how will actinic know its only for this fragment?

Perhaps you need to talk me through step by step, I feel sure once I have changed something once I will have the confidence to carry on. I do not have dreamweaver by the way.

Desperate to learn but frigtened of the challange!!!

[wjcampbe]

create a new fragment just as shown here (I have used jont's code)

[SusanF]

That's a nice way of showing you how to do it from Bill. Joy, it really is worth learning some basic html as you'll find you're forever wanting to tweak things on your site. It's not too complicated once you get going with it and will be well worth every minute you spend on it.

Best of luck,

[CraftyJoy]

Thanks will have a go later,

Why do I always want to make things more complicated than they are! :rolleyes:

[CraftyJoy]

Well, have had a go, the table of 9 boxes has appeared with red cross in each.

Have changes 1 of the visa.gif to 1 of my own images stored in site1\images\...gif , still red cross. Then I tried a image from site1 ... just the cart1.gif ... still red cross.

I am just entering the text has shown and then clicking on apply, I am under the impression that this should work

Thanks
Joy

[jont]

Best to keep the images in the root of site1 folder... you may need to place a copy of the image in PreviewHTML folder for it to be viewed offline. The files are also case specific ...so Visa.gif is not the same as visa.gif

[jont]

Don't forget to change the "width" and "height" values for your new images accordingly in the HTML or they will all be stretched or shrunk to the 34 x 22 dimensions as shown above

[jont]

Have changes 1 of the visa.gif to 1 of my own images stored in site1\images\...gif , still red cross. Then I tried a image from site1 ... just the cart1.gif ... still red cross.


Joy - the path you typed above site1\images\...gif ... is this how you have entered it into the fragment code? You need to use forward slashes for the internet... eg if the new images is called new.gif the code will look like (from my first post)


<img src="images/new.gif" width="34" height="22">

[CraftyJoy]

Working on it tonight but have had a try and think I have cracked it, will unpade the post later with more results.

Many many thanks to everyone who has helped.

Joy

[CraftyJoy]

Hi,

I seem to have got into this and now I want to go a stage further,

Jont-

Is it possible to create a pop up page with a larger version of the image embedded in to table?

Hope if the answer is yes its simple to do!

BTW the only way I can get these images to appear is by doing a complete refresh of the site, an upload creates the table but no images, is there any way round this?

Joy

[calmncomfy]

I have taken this excellent table tip and am trying to develop it to use an image in the table as a link to another page. The picture goes in fine. When I try to add the link the image is surrounded by a horrble box. Anyone know how to get rid of it.

The code I have used is:

<td><div align="center"><a href="http://www.calmncomfy.co.uk/acatalog/Salt_Crystal_Range.html"><img src="SCL101S.gif" width="100" height="100"></a></div></td>

Thanks

www.calmncomfy.co.uk

[calmncomfy]

Sorry, after ages of trying, I found the answer as soon as I had sent the posting

It needed

border=0

added after the gif file :D name