cancel
Showing results for 
Search instead for 
Did you mean: 

Tiling images on a webpage

N/A

Tiling images on a webpage

Im creating a website and have one page with lots of images on. I need to tidy them up.

I plan to put them in groups,

eg. Animals, Plants, People.

I would like on my page to have a set of images about 150 X 150 which are tiled which then lead to the groups of images.

So it would basically be 3 images on a page and when you click on them one would link to the animal photo page, one to the plants and one to the people.

Can you understand this?

Now the problem. I have no idea what the coding would be. Can anyone help me on this one?

Many thanks in advance Cheesy
2 REPLIES
N/A

Tiling images on a webpage

Its very easy to do you dont say what software you are using?

You place the 3 photos on the first page and highlight them and create a hyperlink which load the right page for plants etc. Most software packages make it simple to do. if you want the actual code.

<a href="http://www.yoururl/scout5.jpg" target="_top">
<img border="0" src="scout5.jpg" width="305" height="234" alt="Damage done to the tarmac by the lorries"></a></p>
<p align="center"> <b>Damage done to the tarmac by the lorries. Click on
the picture to enlarge</b></p>

If you lok at www.janwright.co.uk/crewe.htm you can see it work mine just gives you a full picture but changing the link to a webpage is simple.

Assuming you page is
http://www.jbcannell.plus.com/

Then the code for your presant photos gives you a zip file
<A HREF="Brave New World.zip"><IMG SRC="images/Brave New World.jpg" WIDTH=150 HEIGHT=150 BORDER=0></A>


this would give you a link to a page called plants

<A HREF="http://www.jbcannell.plus.com/plants.html"><IMG SRC="images/Brave New World.jpg" WIDTH=150 HEIGHT=150 BORDER=0></A>
N/A

Tiling images on a webpage

The coding you gave me works a treat. thanks for the help as its much appreciated.

Cheesy