 |
|
|
| View previous topic :: View next topic |
| Author |
Message |
plug
Joined: 30 Aug 2008
Posts: 3
|
 Posted: Sat Aug 30, 2008 2:23 am Borders - how do I put a border around this? |
 |
|
|
<tr>
<td width="15%"><div align="center">
<a href="halltgoch.jpg">
<img border="2" src="halltgoch_small.jpg" alt="Aerial" ></a></div></td>
<td width="15%"><div align="center">
<a href="hflintdocks87.jpg">
<img border="2" src="hflintdocks87_small.jpg" alt="Flint Docks, Courtaulds Gulley 1987" ></a></div></td>
<td width="20%"><div align="center">
<a href="hbodhyfyd88.jpg">
<img border="2" src="hbodhyfyd88_small.jpg" alt="Bodhyfyd 1988" ></a></div></td>
<td width="15%"><div align="center">
<a href="hbryngoleu88.jpg">
<img border="2" src="hbryngoleu88_small.jpg" alt="Bryn Goleu 1988" ></a></div></td>
<td width="15%"><div align="center">
<img border="0" src="hcastleindpark92_small.jpg" width="100" height="86"></div></td>
<td width="15%"><div align="center">
<a href="hcastlerd91.jpg">
<img border="2" src="hcastlerd91_small.jpg" alt="Castle Road 1991" ></a></div></td>
</tr> |
|
PayneLess Designs
Joined: 28 Feb 2007
Posts: 1416
Location: Biloxi, MS
|
| Posted: Sat Aug 30, 2008 8:23 am |
|
|
|
| Borders on what? The whole table, the outside of table only or just the td tags???? |
|
webburu
Joined: 10 Aug 2008
Posts: 3
|
| Posted: Sun Aug 31, 2008 2:46 pm |
|
|
|
| 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
|
| Posted: Mon Sep 01, 2008 1:33 am Borders - how do I put a border around this? |
|
|
|
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: 1284
|
| Posted: Mon Sep 01, 2008 6:26 am |
|
|
|
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: 1416
Location: Biloxi, MS
|
| Posted: Mon Sep 01, 2008 11:25 am |
|
|
|
| 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
|
| Posted: Thu Sep 04, 2008 2:47 am Borders - how do I put a border around this? |
|
|
|
| Thank you very much sticks 464 your coding seems to work. |
|
|
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
|
|
|
|
 |
|
|
|
|
|
|
|
Forum Home
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
