Image info Part 2 (well Tables)

home
Yes you can add this site to your Active Channels

Basics
Ok to start a table it is just <table> and </table> to finish it, nice and easy to remmember. <td> is table data, and <tr> is Table row. These both have to be closed, with </td> and </tr> respectivly.
So you can build your first table to alighn your text easily by going
<table>
<tr>
<td>
<a href="http://dspace.dial.pipex.com/mpk/">
<img src="http://dspace.dial.pipex.com/mpk/mpk.gif" alt="MPK on-line" border="0" height="35" width="80">
</a>
</td>
<td>
My favourite web site, especially the pages on images</td>
</tr>
</table>
Which will give you

MPK on-line
My favourite web site, especially the pages on images

Advanced
You can also add cellspacing, cellpadding and change the Background coulors in the table. cell padding goes in the <table> so it will look like this;
<table cell spacing="3" cell padding ="3">
Changing the background can be done by saying <td bgcolor="Silver"> or <td bgcolor=#OOFFFF>
So you could make somthing really beautiful like


MPK on-line
My favourite web site, especially the pages on images
Ok so the border looks awful but you get the idea,
source code below or in a separate window

<table border="2" cellspacing="3" cellpadding="3" >
<tr>
<td> <td bgcolor="Silver">
<a href="http://dspace.dial.pipex.com/mpk/"> <br>
<img src="http://dspace.dial.pipex.com/mpk/mpk.gif" alt="MPK on-line" border="0" height="35" width="80">
</a>
</td>
<td>
<td bgcolor=#OOFFFF> <font color="black"> My favourite web site, especially the pages on images
</font>
</td>
</tr>
</table>


What about aligning some text with more than one image?

What you do here is you allocate how many colums or rows you want your text / images to span take a look at this example


These are the 2 buttons people have made for me
The one at the top is the one I use most as the bottom one is quite a large image
MPK
MPK online

Take a look at the source For the table above
These are the 2 buttons people have made for me
The one at the top is the one I use most as the bottom one is quite a large image
MPK MPK online

This uses Colspan try the source , and notice where the Table Data ends up


If you want to make sure you have done your HTML coding correctly on your site, or do check other aspects of your site, make Web site Garage your first stop. They offer meany service for Free. I visit most days.

Web Site Garage
Tune Up Your Web Site Free:

Web Publishing

Personal web site
Commercial web site
HTML Step one
Image Commands
Intermediate
Meta Tags
Aligning Images /
Using Tables

Advanced
Top Ten Tips
Promotion
promotion Programs
Link Swap
Which Free...
Web Resource
Banner Exchange
Website Host, Soon
Graphic Creator
Psion 5
Main page
Shareware
Freeware
Gaming
Games page
Age of Empires
Age, Battle Report
Age, Clan
Tekken 3
Quake 2 Downloads

Online Games

Othello For all
Fun and Games

with Java       
Invasion DHTML (IE4)
Shockwave things
Checkers (Java)
Online shops

Software From Beyond
Music From

CDnow
Amazon
Books From Amazon
Win Win Win !

An I-mac
A Games PC
A laptop
A flat screen TV
A DVD player

Other Pages

Guest Book
Windows 98
Drumming page
Friends of MPK
Links page
Search Engines 

Stats

ByteCenter Button Exchange 20MB of webspace and email for FREE! Click here!