making a table
Freeola Internet Get Dotted Domains Chat & Gaming
Freeola Gaming
Freeola Business Broadband
Freeola Games HomeChat ForumsCheatsWalkthroughsTips & TrophiesReviewsWin Free GamesMyFreeolainvader-bob
£50,000 Domain Giveaway. Get Your FREE .info Domain Name Today!
 
Browse Chat Forums:
 Chat Forums Home View Latest Post Chat Rules Chat Safety & Tips Top Posters
  Games Homepage  Win Free Games  Latest Winners  Hall of Fame  See Who's Online  Update Your Profile
  Free Web Site  Free Domain Hosting  Emergency Internet  Broadband Offers  Broadband Speed Test
 

Did you know...?

Help & Support 7 Days a Week

HTML & PHP Chat & Help

Visit our Support Pages E-mail a Support Request Contact Us

Build Your Own Web Site In Minutes!

nothing
You Are Here Chat Home (89)   Web Development & Technical Chat  making a table
Just lurking around? Why not join in? You could win free games just by chatting. Choose your Nickname in MyFreeola or Sign Up Here.
 
 
 General Chat     Web and Technical Chat     Games Chat     Game Reviews   
 
making a table
Regular
on 29/07/2009 at 1:50:46PM
Total Posts: 109
Original Post:
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
View More Threads Post a Reply  
Displaying 1 - 13 of 13 Replies:
Hmmm...
"Are you sure?"
Moderator
on 29/07/2009 at 2:47:51PM
Total Posts: 1685
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 :¬)



Hmmm...     My Freeola Instant Site
McLong
Staff
on 29/07/2009 at 2:55:16PM
Total Posts: 366
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>
LukeM
"Imperfection"
Staff
on 29/07/2009 at 2:57:03PM
Total Posts: 70
**dies at the sight of tables**
Warhunt
"Life int a DPS race"
Staff Moderator
Send a message
on 29/07/2009 at 2:59:31PM
Edited: 29/7/09 15:03
Total Posts: 1471
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!
McLong
Staff
on 29/07/2009 at 3:02:26PM
Total Posts: 366
LukeM wrote:
> **dies at the sight of tables**

**thinks Duke LukeM is over-reacting a little!** ;)
LukeM
"Imperfection"
Staff
on 29/07/2009 at 3:22:44PM
Edited: 29/7/09 15:37
Total Posts: 70
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.
Dograt
Regular
on 29/07/2009 at 3:26:32PM
Total Posts: 109
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.
Dograt
Regular
on 29/07/2009 at 3:29:26PM
Total Posts: 109
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 !!:-)
LukeM
"Imperfection"
Staff
on 29/07/2009 at 3:37:05PM
Total Posts: 70
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.
Hmmm...
"Are you sure?"
Moderator
on 29/07/2009 at 3:41:27PM
Total Posts: 1685
Dograt wrote:
> 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.


Hi Dograt,
I'm not sure if you are replying to my earlier post or the 'Staffies'?

For my example, the image I happened to grab was smaller than the cell - this can be a good thing. If you try to get too accurate then padding etc. can trip you up and spoil things.

I lined my images and text up just by using the alignment options in the tool bar, I also used the return key to start a new paragraph/row for the text.




Hmmm...
Warhunt
"Life int a DPS race"
Staff Moderator
Send a message
on 29/07/2009 at 3:49:57PM
Edited: 29/7/09 15:50
Total Posts: 1471
Hmmm... wrote:

> For my example, the image I happened to grab was smaller than
> the cell - this can be a good thing. If you try to get too
> accurate then padding etc. can trip you up and spoil things.
>
> I lined my images and text up just by using the alignment
> options in the tool bar, I also used the return key to start a
> new paragraph/row for the text.


Where as this is probably a nice way of doing it, I did mine differently to avoid the need to align etc. Creating the cell at the start as 150x150, they actually appear smaller until content is added to them. They then stretch to match the image (which is of course 150x150), "formatting" them to the same each time. Ha ha at the technical terms

Sorry for leaving the page live btw Dog, fixed shortly after >_<
Dograt
Regular
on 29/07/2009 at 4:19:43PM
Total Posts: 109
Hmmm... wrote:
> Dograt wrote:
> 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.
>
>
> Hi Dograt,
> I'm not sure if you are replying to my earlier post or the
> 'Staffies'?
>
> For my example, the image I happened to grab was smaller than
> the cell - this can be a good thing. If you try to get too
> accurate then padding etc. can trip you up and spoil things.
>
> I lined my images and text up just by using the alignment
> options in the tool bar, I also used the return key to start a
> new paragraph/row for the text.
>
>
>
>
> Hmmm...


Yes sorry it was your post I was replying to, sorry seem to have posts all over the place ! all getting a bit confusing so going to ask another one on separate post.
Dragonlance
"Bordo della verita"
Regular
on 31/07/2009 at 7:13:28PM
Total Posts: 1477
LukeM wrote:
>
>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.

Tables were and and still are (in my view) simple to work with once you get the general idea. They are still extremely viable in 'todays' web-building experience as they ever were. Hand-coding a site gives so much more of an insight into the nuances of the web than ever a 'purpose-built build your own web site in minutes' extravangza does - and I'm not downing InstantPro here at all.

Well, well .... a site such as Freeola still uses tables within its code :-)
 
Your Details MyFreeola Internet Settings Control Panel Your Details
Login or create a free account.
Forgotten your password?
Free Account Sign-Up
 
Your Details
Search
 
 
 
Fantastic FREE Unlimited Services for every freeola internet customer in the UK!
Register Domain Names. Buy from £2.99
e.g. yourcompany.com
or just yourcompany.
MORE ABOUT DOMAIN NAMES