Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Adding repeatable background image in header


maestro584

Recommended Posts

Dear all,

 

This is my first time on this forum! Hope you all will be able to assist me in this problem that I have. I've recently completed my site using oscommerce with lots of help and contributions that I have gotten from you all. Do let me know how you find the site: www.mojostore.net

 

I want to start on a new project, this time round my aim is to use the dynamic width instead of fix width. Im having problems to insert a repeatable image in the header section. As you can see from the site, www.kreateez.com, the image is there, but its not repeating. I've been searching for a solution for a few days already but have yet to find one. The codes I have are as per below:

 

Stylesheet:

 

TR.header {

background-image: url('images/top_header_bar.png');

background-repeat: repeat-x;

}

 

header.php:

 

<table border="0" width="100%" cellspacing="0" cellpadding="0">

<tr class="header">

<tr>

<td width="50%" align="left"><img src="images/top_header_bar.png"></td>

<td width="50%" align="left"><img src="images/top_header_bar.png"></td>

</tr>

</table>

 

My aim after I get through this problem is to insert a horizontal menu in the table. Hope you all can lend a hand on this one. Thanx for reading my post.

Link to comment
Share on other sites

Your stylesheet is fine. Your table structure is wrong. Try this

<table border="0" width="100%" cellspacing="0" cellpadding="0"> 
 <tr class="header"> 
<td width="50%" align="left"><img src="images/top_header_bar.png"></td> 
<td width="50%" align="left"><img src="images/top_header_bar.png"></td> 
 </tr> 
</table>

You had an extra " <tr> " in there.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...