hwg-techniques archives | Jan 2000 | new search | results | previous | next |
Using percentages with img size attributesby "Stephen Courtney" <stephen.courtney(at)btinternet.com> |
|
Hi, I've been attempting to create a tabled layout with the following structure: A cell in the centre with the main content (text, images, whatever) A border - made up of images - around the outside of that cell, which stretches the images to be the correct length. i.e. (if this actually stays correctly formatted when your email viewer displays it): ________________________ |__|___________________|__| | | | | | | | | | | Content | | | | | | |__|___________________|__| |__|___________________|__| I've got it working fine under Internet Explorer (versions 5 and 4), however Netscape will not stretch the images. The HTML I've used is: <table border="0" cellpadding="0" cellspacing="0" width="15%" height="40%"> <tr valign="bottom"> <td><img align="top" border="0" src="topleftcorner.gif" width="50" height="50"></td> <td><img align="top" border="0" src="topside.gif" width="100%" height="50"></td> <td><img align="top" border="0" src="toprightcorner.gif" width="50" height="50"></td> </tr> <tr valign="top"> <td><img align="top" border="0" src="leftside.gif" width="50" height="100%"></td> <td> <!-- Main content is in here --> </td> <td><img align="top" border="0" src="rightside.gif" width="50" height="100%"></td> </tr> <tr valign="top"> <td><img align="top" border="0" src="bottomleftcorner.gif" width="50" height="50"></td> <td><img align="top" border="0" src="bottomside.gif" width="100%" height="50"></td> <td><img align="top" border="0" src="bottomrightcorner.gif" width="50" height="50"></td> </tr> </table> Any ideas welcomed as to how I can achieve the desired effect... Cheers, Stephen * "If there is anyone here I have not insulted, I beg his pardon." - Johannes Brahms -- ========================================================= Stephen Courtney : Barti on IRC (#altb5uk #acorn #argonet) Email: stephen(at)ans.acornusers.org stephen(at)steve-c.co.uk Web: http://www.steve-c.co.uk Acorn News Service: http://www.acornusers.org/ans =========================================================
HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA