 |
|
|
| View previous topic :: View next topic |
| Author |
Message |
boumbo
Joined: 12 Jul 2005 Posts: 7 Location: laval
|
Posted: Tue Sep 27, 2005 12:44 pm image placement problem in a table |
|
|
|
Hy everyone,
I am trying to create an html page with a background that will take over the whole width of the page. But for some reason, and I can't figure out where the problem is, my image is not placed right. It leaves a blank space on the right of the page, I want the image to be of the width of the whole html page.
I would like to send you my website html files so that someone can verify where my problem lies.
The image I want to place in the background and that takes the whole width of the page is banner_icon3.gif. It is situated in the Row 1 - Column 7 section:
| Code: |
<! -- Column 7 -->
<td valign="top" style="background-image: url(banner_icon3.gif);background-repeat:repeat-x" width="100%"></td>
</tr> |
Hopefully someone can point me in the right direction.
Thanks in advance. |
|
Corey Bryant Site Admin

Joined: 15 May 2004 Posts: 8267 Location: Castle Rock CO USA
|
Posted: Tue Sep 27, 2005 1:15 pm |
|
|
|
Please gives us the source code here even better, the URL to the web page |
|
boumbo
Joined: 12 Jul 2005 Posts: 7 Location: laval
|
Posted: Thu Sep 29, 2005 7:51 am |
|
|
|
I zipped the files in order to view the site better, it is still not up online thats why im not giving u a url for it.
Here is the link to the file:
http://hybrid.concordia.ca/~boumbo/site.zip
Let me know if you need more information |
|
Corey Bryant Site Admin

Joined: 15 May 2004 Posts: 8267 Location: Castle Rock CO USA
|
Posted: Thu Sep 29, 2005 8:11 am |
|
|
|
You better option would probably be to use that image as the background to a table that is 100%. Don't over complicate everything - make HTML simple. Something like:
| Code: |
<table cellspacing="0" cellpadding="0" style="background-image: url(banner_icon3.gif);background-repeat:repeat-x; width: 100%; height: 90px;">
<tr>
<td style="width:100px;"> </td>
<td style="width:250px; background-color: #fff; text-align: center;">
<img src="titre_groupe.gif" alt=""></td>
<td>
<a href="index.html" target="_self"> <img src="icon_home_over.gif" name="home" border="0"></a><a href="about.html" onMouseOver="MM_swapImage('icon_about','','icon_about_over.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="icon_about.gif" alt="HLP Group" name="icon_about" border="0"></a><a href="product.html" target="_self" onMouseOver="MM_swapImage('icon_product','','icon_product_over.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="icon_product.gif" alt="HLP Smile" name="icon_product" width="78" height="79" border="0"></a><a href="customers.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('icon_customers','','icon_customers_over.gif',1)"><img src="icon_customers.gif" alt="Customers" name="icon_customers" width="97" height="79" border="0"></a><a href="partners.html" onMouseOver="MM_swapImage('icon_partners','','icon_partners_over.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="icon_partners.gif" alt="Our Partners" name="icon_partners" width="78" height="79" border="0"></a><a href="press.html" onMouseOver="MM_swapImage('icon_press','','icon_press_over.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="icon_press.gif" alt="News and Events" name="icon_press" width="78" height="79" border="0"></a><a href="contact.html" onMouseOver="MM_swapImage('icon_contact','','icon_contact_over.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="icon_contact.gif" alt="Contact us" name="icon_contact" width="78" height="79" border="0"></a></td>
</tr>
</table> |
|
|
|
|
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
|
|
|
|
|
 |
|
|
|
|
|
|
|