Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

header background image goes transparent


ugd

Recommended Posts

After searching these forums and google all day, I officially throw in the towel. Hopefully someone can help a newbie here, who knows just enough html to get into trouble and no php or css experience.

 

I have used html to add several images and backgrounds to the header.php. One of the background images has a problem. It shows up fine, but when you hover your mouse over the image, the original image goes transparent and duplicates the image that is below it or pulls images from other parts lower on the page.

 

 

Here is the coding in my header.php file:

 

 

<div class="fixcenter">

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

<tr class="header">

<td valign="middle"><?php echo '<a href="<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

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

<tr>

<td height="53" background="images/top_bluebg.gif">

<table width="750" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="367"><img src="images/logo2.gif" width="367" height="53"></td>

<td align="right" valign="bottom">

<table width="350" border="0" cellspacing="0" cellpadding="7">

<tr>

<td align="center"><a href="http://www.uniquegiftdepot.com"><font color="#ffffff">home</a></font><font color="#FFFFFF">  

l  <a href="www.uniquegiftdepot.com"><font color="ffffff">customer service</a></font>   l   <a href="http:www.uniquegiftdepot.com"><font color=#ffffff>shipping</a></font>  

l   order</font></td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td height="78" background="images/top_bg2.gif">

<table width="754" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="149"><img src="images/logo02.gif" width="149" height="78"></td>

<td width="605" align="left"><img src="images/but_cor.gif" width="30" height="78"><img src="images/but01.gif" width="72" height="78"><img src="images/but02.gif" width="132" height="78"><img src="images/but03.gif" width="109" height="78"><img src="images/but04.gif" width="101" height="78"><img src="images/but05.gif" width="133" height="78"><img src="images/but_cor02.gif" width="28" height="78"></td>

</tr>

</table>

</td>

</tr>

</a>'; ?></td>

 

 

The image that is giving me problems is <td height="53" background="images/top_bluebg.gif">.

 

I should also state that this images flashes like this with or without the links coded.

 

Thank you,

Debbie

Link to comment
Share on other sites

Things I noticed:

 

<?php echo '<a href="<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

 

There's a ' in front of <a href

 

  <a href="http:www.uniquegiftdepot.com"><font color=#ffffff>shipping</a></font>  

 

http: without //

 

plus you used different ways of writing color=#ffffff

with and without # and ""

Forum search

Contributions search

Documentation search (note: docs being adapted for MS3, may be different for MS2)

3 tips for better forum searching

 

Want to post? Read this first:

osCommerce for dummies

Topic name etiquette

 

Basics:

Basics for design

Right syntax to use near '-20, 20'

Cannot re-assign $this

Parse error

Link to comment
Share on other sites

Also look at your tables. I don't think they all close right

Forum search

Contributions search

Documentation search (note: docs being adapted for MS3, may be different for MS2)

3 tips for better forum searching

 

Want to post? Read this first:

osCommerce for dummies

Topic name etiquette

 

Basics:

Basics for design

Right syntax to use near '-20, 20'

Cannot re-assign $this

Parse error

Link to comment
Share on other sites

Archived

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

×
×
  • Create New...