Viewing Thread:
"making a table"

I wish to make a table 3 rows and 3 columns

and in each insert an image to create a link to a page. As a pest info page

So I have made my image 150x150 which consists of a pest and its name beneath made in gimp.

When I format my table and try to make each cell 150 x 150 so as all the images and names will line up it doesnt seem to work.

does the cell size relate to PX as per the image or something else help that makes sense

I am trying to create something like this:-
http://www.bmspest.co.uk/info/info.html

But with the images closer together, I have made both the image and text with a transparent background so they sit/float on the page like the rat on my home page.

Hugh
Instant pro
www.guardianpestcontrol.co.uk

**dies at the sight of tables**

Dograt wrote:
> I wish to make a table 3 rows and 3 columns
>
> and in each insert an image to create a link to a page. As a
> pest info page
>
> So I have made my image 150x150 which consists of a pest and its
> name beneath made in gimp.
>
> When I format my table and try to make each cell 150 x 150 so as
> all the images and names will line up it doesnt seem to work.
>
> does the cell size relate to PX as per the image or something
> else help that makes sense
>
> I am trying to create something like this:-
> http://www.bmspest.co.uk/info/info.html
>
> But with the images closer together, I have made both the image
> and text with a transparent background so they sit/float on the
> page like the rat on my home page.
>
> Hugh
> Instant pro
> www.guardianpestcontrol.co.uk

As long as the images are the same dimensions, and you aren't changing the spacing/padding on a particular cell, then there shouldn't be a problem.

Try the following, adjusting the cellpadding="10" to suit your padding needs.


<table width="450" border="0" cellspacing="0" cellpadding="10">
<tr>
<td width="150"><a href="link location here"><img src="image location here" alt="" border="0"></a></td>
<td width="150"><a href="link location here"><img src="image location here" alt="" border="0"></a></td>
<td width="150"><a href="link location here"><img src="image location here" alt="" border="0"></a></td>
</tr>
<tr>
<td><a href="link location here"><img src="image location here" alt="" border="0"></a></td>
<td><a href="link location here"><img src="image location here" alt="" border="0"></a></td>
<td><a href="link location here"><img src="image location here" alt="" border="0"></a></td>
</tr>
<tr>
<td><a href="link location here"><img src="image location here" alt="" border="0"></a></td>
<td><a href="link location here"><img src="image location here" alt="" border="0"></a></td>
<td><a href="link location here"><img src="image location here" alt="" border="0"></a></td>
</tr>
</table>


Hi Dograt,
The measurements are in pixels - so you need to make the table 450 x 450.

I've had a quick bash in my InstantPro play site:
www.hmmm.myfreeola.com/instantpro-tables.html

Let me know if you are still stuck and perhapspost a link to the page you are having trouble with?

NB. In the example you give they have created the thumbnail images with the text as part of the image. For Search Engine visibility it's much better to add the text as 'text' on your web page as in my example!

Nice to see your site improve from when you first 'arrived' here :¬)



[s]Hmmm...[/s] My Freeola Instant Site

I wish to make a table 3 rows and 3 columns

and in each insert an image to create a link to a page. As a pest info page

So I have made my image 150x150 which consists of a pest and its name beneath made in gimp.

When I format my table and try to make each cell 150 x 150 so as all the images and names will line up it doesnt seem to work.

does the cell size relate to PX as per the image or something else help that makes sense

I am trying to create something like this:-
http://www.bmspest.co.uk/info/info.html

But with the images closer together, I have made both the image and text with a transparent background so they sit/float on the page like the rat on my home page.

Hugh
Instant pro
www.guardianpestcontrol.co.uk