HTML Help

plug · Joined: 30 Aug 2008 Posts: 3

PayneLess Designs · Joined: 28 Feb 2007 Posts: 1402 Location: Biloxi, MS

Borders on what? The whole table, the outside of table only or just the td tags????

webburu · Joined: 10 Aug 2008 Posts: 3

so messy code, you can use CSS instead and using border attribute of the id of the table

plug · Joined: 30 Aug 2008 Posts: 3

Sorry. I'm not used to putting questions to forums or very good at formating code as you can see. My website is at http://www.fflint.co.uk/thumbs2.html. What I am trying to do is put a border round each photo and description or line of photos to make it clear which description relates to which photo.
Hope you can help.

sticks464 · Joined: 31 Dec 2006 Posts: 1283

You can give this a try. I only used part of your code so I don't know if it will work on the whole table.

css - put this in your head section
Code: <style type="text/css">
table {border-spacing: 0;}
.img td {border: 1px solid #008000; border-bottom:none; border-left:none;}
.caption td {border: 1px solid #008000; border-top:none; border-left:none;}
.caption .last, .img .last {border-right:none;}
</style>

Then apply the classes to the table rows and the last table data cell of each row
Code: <table width="100%" [color=red]cellspacing="0" cellpadding="0"[/color]>

<tr class="img">
<td width="15%"><div align="center">
<a href="AlltGoch2008.jpg">
   <img border="2" src="AlltGoch2008_small.jpg" alt="Bottom of Allt Goch" ></a></div></td>

<td width="15%"><div align="center">
<a href="BethaniaChapel(1962).jpg">
<img border="2" src="BethaniaChapel(1962)_small.jpg" alt="Bethania Chapel Oakenholt" width="100" height="112"></a></div></td>
<td width="20%"><div align="center">
   <a href="bolinbrook.jpg">
<img border="2" src="bolinbrook_small.jpg" alt="Bolinbroke Heights" width="100" height="75"></a></div></td>
<td width="15%"><div align="center">
<a href="boroughgr.jpg">
<img border="2" src="boroughgr_small.jpg" alt="Borough Grove" width="100" height="53"></a></div></td>

<td width="15%"><div align="center">
<a href="Bodhyfryd.jpg">
   <img border="2" src="Bodhyfryd_small.jpg" alt="Bodhyfryd" ></a></div></td>

<td class="last" width="15%"><div align="center">
<a href="old39.jpg" alt="Castle View">
<img border="2" src="old39a.jpg" alt="Castle View" width="96" height="59" ></a></div></td>
</tr>
<tr class="caption">

<td width="15%">
<p align="center">Allt Goch</td>
<td width="15%">
<div align="center">Bethania Chapel Oakenholt</div></td>
<td width="15%">
<p align="center">Bolingbroke Heights</td>
<td width="15%">
<p align="center">Borough Grove</td>
<td width="15%">
<p align="center">Bodhyfryd</td>
<td class="last" width="15%">
<p align="center">Castle View</td>

</tr>

I checked this method in all modern browsers + IE6 and it works fine.

PayneLess Designs · Joined: 28 Feb 2007 Posts: 1402 Location: Biloxi, MS

webburu wrote: so messy code, you can use CSS instead and using border attribute of the id of the table I will get to all this information if you would refrain from posting until I get feedback from original poster. It doesn't help the OP or me when others highjack an answered post before it's finished!

I've been doing this work a long time and I certainly don't need help in helping the OP.

plug · Joined: 30 Aug 2008 Posts: 3

Thank you very much sticks 464 your coding seems to work.