HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
image placement problem in a table
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table
View previous topic :: View next topic  
Author Message
boumbo



Joined: 12 Jul 2005
Posts: 7
Location: laval

PostPosted: Tue Sep 27, 2005 12:44 pm     image placement problem in a table Reply with quote

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

PostPosted: Tue Sep 27, 2005 1:15 pm     Reply with quote



Please gives us the source code here even better, the URL to the web page
boumbo



Joined: 12 Jul 2005
Posts: 7
Location: laval

PostPosted: Thu Sep 29, 2005 7:51 am     Reply with quote

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

PostPosted: Thu Sep 29, 2005 8:11 am     Reply with quote

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;">&nbsp;</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>
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
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
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 

 
HOSTING / DESIGN
MAKE MONEY

Home
  |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial