mark110384 Posted July 18, 2008 Share Posted July 18, 2008 I have an issue with the image background of my tables when I retore down my site. The background image multiplies as the web browser window size is maipulated. It seems to happen when you change the width of the window but the site can't seem to hand when you change the hight of the browser, any suggestion would be appreciated. Quote Link to comment Share on other sites More sharing options...
haku Posted July 18, 2008 Share Posted July 18, 2008 My suggestion is that you post a link or at least some code (preferably a link) so that we actually have something with which to help you. Quote Link to comment Share on other sites More sharing options...
TheFilmGod Posted July 18, 2008 Share Posted July 18, 2008 You can control background images from repeating by stating "no-repeat" in the background property declaration. Yes, a link would greatly help! Quote Link to comment Share on other sites More sharing options...
mark110384 Posted July 21, 2008 Author Share Posted July 21, 2008 Hi guys I've added an image of the site when it is resized down and you can make out the table in the background. I have also supplied the coding as follows. Thanks <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <table width="64%" height="100" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td height="2"></td> </tr> <tr> <td><embed src="banner03.swf" height="170" width="100%"/></td> </tr> <tr> <td height="4"></td> </tr> </table> [attachment deleted by admin] Quote Link to comment Share on other sites More sharing options...
haku Posted July 21, 2008 Share Posted July 21, 2008 What is the image that you are including? You should set it as a background to the table most likely. But I can't say for sure without seeing the image. Which is why a link is better than just the code. Quote Link to comment Share on other sites More sharing options...
mark110384 Posted July 21, 2008 Author Share Posted July 21, 2008 It's just the border around the text, the website isn't close to going live yet so it's not been uploaded to the server as of yet unfortunately. For some reason the full coding wasn't posted in my last last post so here I've provided here. Thanks <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <table width="64%" height="100" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td height="2"></td> </tr> <tr> <td><embed src="banner03.swf" height="170" width="100%"/></td> </tr> <tr> <td height="4"></td> </tr> </table> <table width="64%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td><embed src="menu01.swf" height="52" width="100%"/></td> </tr> </table> <table width="800" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td height="15"></td> </tr> </table> <!--Main Content of page--> <table width="64%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td width="50%" height="571"><table width="100%" border="0"> <tr> <td height="237"><table width="99%" border="0" background="text_bg.bmp"> <tr> <td width="40%" height="209"><table width="98%" border="0"> <tr> <td width="2%"> </td> <td width="35%"><font face="Lucida Sans" size="2" color="#666666"><b>Projects</b></font></td> <td width="33%"> </td> </tr> <tr> <td> </td> <td height="141"><img src="tanker.jpg"/></td> <td><font size="1" face="Lucida Sans" color="#666666"><font size="2" color="#000000"><b>DNTM Sets Sail</b><br></font>The DNTM has successfully been installed on over 50 BP vessels. The DNTM by Lilley and Gillie enables the mariner onboard a vessel to view and print up to date corrections and tracings...</font></td> </tr> <tr> <td> </td> <td height="21"> </td> <td> <param name="wmode" value="transparent"><embed src="more_info.swf" height="26" width="85" wmode="transparent" /></td> </tr> </table></td> </tr> </table></td> </tr> <tr> <td height="21"> </td> </tr> <tr> <td height="317" background="newstext_bg.bmp"><table width="100%" border="0"> <tr> <td width="3%"> </td> <td width="97%"><font face="Lucida Sans" size="2" color="#666666"><b>News</b></font></td> </tr> <tr> <td> </td> <td height="261"><table width="97%" border="0"> <tr> <td width="15%" height="125"><img src="news_image.bmp" width = "50%"/></td> <td width="85%"><font face="Lucida sans" size="1" color="#666666">30/07/2008 - <font face="Lucida sans" size="1" color="#000000">Lilley & Gillie wins major contract to supply Navmaster ECDIS systems to 20 tankers operated by Overseas Shipholding Group, Inc.</font> OSG Ship Management (UK) Ltd has decided to fit ECDIS systems on board 20 of its tankers following shipboard trials and a competitive bidding process. The turnkey contract to supply and install these systems has been placed with Lilley & Gillie as agents... <font color="#333333"><b>More</b></font></font></td> </tr> <tr> <td height="128"><img src="news_image.bmp"/></td> <td width="85%"><font face="Lucida sans" size="1" color="#666666">10/07/2008 - <font face="Lucida sans" size="1" color="#000000">Lilley & Gillie and DPM to market the Meteo Consult Ship Performance Optimisation System.</font> Lilley & Gillie and DPM, two of the world's largest international Admiralty chart agents, have teamed up with leading weather company Meteo Consult to provide state of the art weather forecasting data to their customers worldwide. All three companies are renowned for the highest levels of quality... <font color="#333333"><b>More</b></font></font></td> </tr> </table></td> </tr> </table></td> </tr> <tr> <td height="21"> </td> </tr> </table></td> <td width="50%"><table width="100%" border="0"> <tr> <td width="2%"> </td> <td width="98%"><font face="Lucida Sans" size="2" color="#666666"><b>Welcome to Lilley and Gillie </b></font></td> </tr> <tr> <td> </td> <td height="43"> </td> </tr> <tr> <td> </td> <td height="491"><font face="Lucida sans" size="1" color="#999999">Welcome Content</font></td> </tr> </table></td> </tr> </table> <table width="64%" height="100" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td height="2"></td> </tr> <tr> <td>Html Links</td> </tr> </table> </body> </html> Quote Link to comment Share on other sites More sharing options...
haku Posted July 21, 2008 Share Posted July 21, 2008 If the border is the top, side and bottom (as it appears to be), you can't do it with an image that holds all three of those borders. What I would suggest is creating an image that is the bottom gradient border only. Then you can set this as the background image of the table, aligning it to the bottom of the table so that it stretches down no matter how far the table bottom is pushed down. You can add side and top borders using the CSS border attribute. Quote Link to comment Share on other sites More sharing options...
mark110384 Posted July 22, 2008 Author Share Posted July 22, 2008 Yeah I used Haku's advice I split the imahe up into parts and seems to handle it now, thanks for the suggestion Haku. Quote Link to comment Share on other sites More sharing options...
haku Posted July 23, 2008 Share Posted July 23, 2008 No worries, glad it worked. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.