The "Freeola Customer Forum" forum, which includes Retro Game Reviews, has been archived and is now read-only. You cannot post here or create a new thread or review on this forum.
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
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
Page:
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
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
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 :¬)
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 
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.
> 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>
**dies at the sight of tables**
Have looked into this for you. Trying to edit your table was pretty hard going, and I can see what you mean.
I believe it may have been how you created the table, but can not be too specific. I am sure Eccles will be able to explain in more depth if he has a look at this.
For now though I have remade the table in a page called "testSM". I inserted a new table, with by right-clicking and inserting. Assure you chose the cell height and width as 150/150.
This should leave you with 9 cells, which are not 150x150. Insert your image in the top left and as long as the image is 150x150 it should extend the cell to roughly the same size.
Move into the next cell (I did this by pressing the right key rather than clicking as the cells went strange as they had no content in them) Insert your 2nd image, assuring its 150x150.
And so on......
Using this method I created the table in "testSM". Take a look and see if that helps.
Sorry if the post seems like "teaching to suck eggs" or whatever the phrase is, but just wrote as I did it.
EDIT: Notice Hmmm......'s reply now, there were no replies when I started typing. Doh!
I believe it may have been how you created the table, but can not be too specific. I am sure Eccles will be able to explain in more depth if he has a look at this.
For now though I have remade the table in a page called "testSM". I inserted a new table, with by right-clicking and inserting. Assure you chose the cell height and width as 150/150.
This should leave you with 9 cells, which are not 150x150. Insert your image in the top left and as long as the image is 150x150 it should extend the cell to roughly the same size.
Move into the next cell (I did this by pressing the right key rather than clicking as the cells went strange as they had no content in them) Insert your 2nd image, assuring its 150x150.
And so on......
Using this method I created the table in "testSM". Take a look and see if that helps.
Sorry if the post seems like "teaching to suck eggs" or whatever the phrase is, but just wrote as I did it.
EDIT: Notice Hmmm......'s reply now, there were no replies when I started typing. Doh!
LukeM wrote:
> **dies at the sight of tables**
**thinks Duke LukeM is over-reacting a little!** ;)
> **dies at the sight of tables**
**thinks Duke LukeM is over-reacting a little!** ;)
McLong wrote:
> LukeM wrote:
> **dies at the sight of tables**
>
> **thinks Duke LukeM is over-reacting a little!** ;)
Haha maybe :P Still if your creating from scratch do not bother with tables. Obviously this is an InstantPro however, tables are most probably more suited within this environment, or at least a lot easier. Propaganda.
> LukeM wrote:
> **dies at the sight of tables**
>
> **thinks Duke LukeM is over-reacting a little!** ;)
Haha maybe :P Still if your creating from scratch do not bother with tables. Obviously this is an InstantPro however, tables are most probably more suited within this environment, or at least a lot easier. Propaganda.
Yes thats exactly what I want it like
I had thought of the point about the text but when trying to do it with the instant pro I could not get the images and the text to line up in the rows and it looked a bit all over the place.
I had thought of the point about the text but when trying to do it with the instant pro I could not get the images and the text to line up in the rows and it looked a bit all over the place.
I had read about not using tables can I ask in simple terms whats so bad about them ? Am i write in thinking most of the instant pro sites are based around tables ?
Dont forget newbie here !!:-)
Dont forget newbie here !!:-)
Dograt wrote:
> I had read about not using tables can I ask in simple terms whats
> so bad about them ? Am i write in thinking most of the instant
> pro sites are based around tables ?
>
> Dont forget newbie here !!:-)
Ignore me I am over complicating things, use tables with InstantPro.
Reasons for not using tables are reduced bandwidth costs (which does not apply to InstantPro sites since you get unlimited bandwidth for £3.49 per month), cleaner looking HTML code for when going back to your website months later you do not have to decipher the excessive tags used with tables, tables also were contained to hold tabular data rather than laying out a website. But tbh, as I say ignore this unless you are making the website from scratch with HTML.
> I had read about not using tables can I ask in simple terms whats
> so bad about them ? Am i write in thinking most of the instant
> pro sites are based around tables ?
>
> Dont forget newbie here !!:-)
Ignore me I am over complicating things, use tables with InstantPro.
Reasons for not using tables are reduced bandwidth costs (which does not apply to InstantPro sites since you get unlimited bandwidth for £3.49 per month), cleaner looking HTML code for when going back to your website months later you do not have to decipher the excessive tags used with tables, tables also were contained to hold tabular data rather than laying out a website. But tbh, as I say ignore this unless you are making the website from scratch with HTML.
Page: