Need help with a table

Hi folks,

Trying to change my home page here at www.fleetcars.info

Currently have two tables in there. I would like to get a third in there. Notice how the car brands are listed. Well, now I want images in there instead, but not all in one column. I would like 3 or 4 in a row (all pics are 100pixels wide), then next row and so on. I know tables are a bit tricky, that's why I am asking for help here.

You can view the source code or I can supply it to you here. If you could give me some clues or even throw the table and cell tags in there would be appreciated.

Ta!

Col

 

Play a bit with "colspan" & "rowspan". Also why not use an wysiwyg editor like Namo WebEditor - I prefer it.

 

Highlight and delete the entire UL with the car brands and paste this table (below) were that text was. To add more rows simply copy the code for a COMPLETE row (<tr> to </tr>) and paste it where you need it (between another row). To add more columns copy a column (<td> to </td>) and add it to EACH row or you will have alignement issues. To fix this you need follow msmp3's suggestion above. Here is an example of colspan:
<tr>
<td colspan="4">&nbsp;</td>
</tr>

This will create a merged row that is the lenght of 4 columns. The remaining rows will still show the four columns.

Here is an example of rowspan:
<tr>
<td rowspan="3">&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>

This will merge the first column on the left of each row into one main column.

Below is a table that you need. If you need further help I would suggest going to this site: w3schools.com/html/html_tables.asp (Just add www. to the front since I am not allowed to post links)

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

 

Superb work! Thank you. You have solvd this problem expertly. Thanks to all else who helped. I hav put all the info into one basket and I currently going about reformatting this page.

Col

 

Can I get you guys to have a look at how I improved the home page? I would appreciate your comments.

Thanks,

Col

 

New to this thread but I saw your earlier page.The page loooks much better now. However to improve it further, you could align the company names at a fixed gap from the logo images.

 

I have tried this but failed. Tried adding line breaks but all that did was move the table down the page.

 

Have made a change. I like the look of it now. Much neater than before.

 

Glad to hear that it worked out for you. Looks way better than before! You should link the Logo from to the picture of the car(s) that you have for sell/offer to find. BTW, I think I will take one of those Lamborghini Diablos off your hands.

Just a second thought, since the company names are already clear on the logos what would it look like without the names?

 

On your 'About Us' page does the following need to be capitalized?

"arrange for you. ideliverit Corporation Pty Ltd is solely directed and managed by Colin Crawford. Colin has been in the IT industry for over 10 years and has enormous experience in Web Design and Search Engine Optimization."

 

No, the company name is actually registered that way.
Thanks mate! I will start the linking of pics to the cars on the other pages.

Col

 

I added alt texts to each pic. Now I would like to have a hyperlink from some cars to car pics on other pages.

here's the cell details:

<td align="center"><img src="images/resized/ford.jpg" alt="Ford"></td>

I would like to have it linked to an image called Falcon2004Sedan.jpg at www.fleetcars.info/cars.htm

Help here will be appreciated.

Col

 

The anchor tag: <a name="yournamehere"></a>
"Names an anchor. Use this attribute to create a bookmark in a document." NOTE:
"In future versions of XHTML the name attribute will be replaced by the id attribute!!" www. w3schools.com/html/html_links.asp

This is the td for the ford falcon on cars.htm. I used the new <a id=""> method since the name attribute is going out.

<a id="falcon"><td valign="top" width="375" height="20"><b><font face="Verdana"
size="4">Ford Falcon</font></b><br />
<img border="0" src="images/Falcon2004Sedan.jpg" width="320"
height="215" /><br />
<u><b><font face="Verdana" size="4">From
$18,900.00</font></b></u></td>
<td valign="top" width="79" height="20"> </td></a>

This is the td for the ford logo on your main page.

<td align="center"><a href="PATHTOcars.htm#falcon"><img src="images/resized/ford.jpg" alt="Ford" border="0"></a></td>