the site www.autozx.com the logo is repeating and i want it to just stay in the center while blank space stretches to fit the screen resolution. header.jpg is the logo <body bgcolor="#5277A6"> <div align="center"> <table border="1" cellpadding="3" cellspacing="0" style="border-collapse: collapse" width="85%" id="AutoNumber1" height="212" bgcolor="#000000" bordercolor="#7AA3D5"> <tr> <td width="100%" height="152" valign="top" background="header.jpg" norepeat> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="99%" id="AutoNumber5"> <tr> <td width="63%"> </td> <td width="37%" align="right"> <b><font face="Tahoma" size="2" color="#FFFFFF"> <a href="<?=$siteurl?>" style="text-decoration: none"> <font color="#FFFFFF">Home</font></a><br> <a href="javascript:bookmark('Cars DB', '<?=$siteurl?>')" style = 'text-decoration:none;color:#FFFFFF'>Bookmark</a><br> <font size='1' face='Tahoma'><a href = '<?=$siteurl?>/telltofriend.php?id=1000' style = 'text-decoration:none;color:#FFFFFF'>Tell to friend</a></font></b> </td> </tr> </table> </td> </tr> <tr> <td width="100%"> <table border="0" cellpadding="3" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber2"> <tr> <td width="82%" valign="top"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber4"> <tr> <!-- <td bgcolor="#535353"> </td> --> <td width="100%" height="31" colspan="4" bgcolor="#535353"> <font size = "4" face = "tahoma" color = "#ff9900"> <div align="left"> Code (markup):
I don't believe this is the appropriate forum for this question, but you need to change <td width="100%" height="152" valign="top" background="header.jpg" norepeat> HTML: to: <td width="100%" height="152" valign="top" style="background:url('header.jpg') no-repeat;"> HTML:
<td style="width: 100%; height: 152px; text-align: center; vertical-align: top; background-image: url (background.jpg); background-repeat: no-repeat;" > HTML: