HTML help if you please

[BOAC]

1) I need to put 4 images across a page with text accreditations below. Using two tables and TD (%) does not line up the start of the text with the corner of the image and the discreancy increases across the page. Is there a clever way to do it without making a new combined image?

2) I would like the page to appear the same in any one of the 30 or more browsers out there. Without writing lots of pages and JS to identify browsers, how in *** do I do it?

[amanoffewwords]

1 table, 2 rows, 4 columns should do it:

<table>
<tr>
<td>
<img src ="1st image etc
</td>
<td>
<img src ="2nd image etc
</td>
<td>
<img src ="3rd image etc
</td>
<td>
<img src ="4th image etc
</td>
</tr>

<tr>
<td>
1st image accreditation
</td>
<td>
2nd image accreditation
</td>
<td>
3rd image accreditation
</td>
<td>
4th image accreditation
</td>
</tr>
</table>

You can achieve a similar effect with <div> tags which are more cross-browser compatible.

[BOAC]

Ta amofw - will check it out 'morrow. I notice no td widths? I'll look up <div> in the bible.

[Scott Diamond]

Any chance you could better describe what you need done and I'll show you how to exactly do it?

[amanoffewwords]

Originally Posted by BOAC

Ta amofw - will check it out 'morrow. I notice no td widths? I'll look up <div> in the bible.

You can add width="25%" in each TD (or whatever value you prefer or a px value).

Found this guide http://www.2createawebsite.com/build..._tutorial.html to all things tables.

DIVs are supposed to be less profane compared to the table/tr/td tags but they can be a bit tricky to get right. I have introduced them on my own site as it was an easier way to display a background graphic (rounded corners).

hth
amofw

[BOAC]

Ta again - a bit snowed under by other things at the mo. I have responded to Scott by PM.