X-Cart forums

[beetlejuice]

What the hell is up with Microshaft?

I'm trying to finish off my site so it can go live next Monday. Can anyone help me with a little html/CSS problem I'm having with my head.tpl.

This is the first row in the template:

<tr class="Header">
<td width="550"><a href="{$http_location}/"><img src="{$ImagesDir}/minilogo.gif" width="380" height="120" alt="" /></a></td>
<td width="370" align="right">
<br />
{if $usertype eq "C"}
{*include file="customer/top_menu.tpl"*}
{/if}
</td>
</tr>

The class Header is defined as BACKGROUND-IMAGE: url(images/headbg.jpg);

Looks as it should in Firefox but in both IE6 and IE7 the image repeats in the second cell.

Not live but no orders please as I have a weekends worth of editing ahead of me.

http://www.toysforboys.com.au

Any clues please

beetlejuice

[pauldodman]

Some kind of repeat: once control?

[beetlejuice]

Hi Paul,

Tried this:

BACKGROUND-REPEAT: NO-REPEAT;

But to no avail.

Any other suggestions?

Greg

[beetlejuice]

no one?????????

[CobaltCat]

It would help to see your CSS setting for Header class. Also, if you could give the code for the whole top table, not just tr & td, that might help.

[beetlejuice]

Hi cobaltcat,

Thanks for replying

Here is my head.tpl

{* $Id: head.tpl,v 1.58 2006/03/17 08:50:44 svowl Exp $ *}
<table cellpadding="0" cellspacing="0" align="center" width="920">
<tr class="Header">
<td width="550"><a href="{$http_location}/"><img src="{$ImagesDir}/minilogo.gif" width="380" height="120" alt="" /></a></td>
<td width="370" align="right">
<br />
{if $usertype eq "C"}
{*include file="customer/top_menu.tpl"*}
{/if}
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" align="center" width="100%">
{if $main ne "fast_lane_checkout"}
<tr>
<td class="HeadLine" height="45">
{if $usertype eq "C"}
{/if}
<div align="center">
{literal}
<script src="skin1/images/xaramenu.js"></script><script language="" src="skin1/images/trolley.js" Webstyle4>
</script>
{/literal}
</div></td>
</tr>
{else}


{/if}
</table>

and here is the css

Header styles
*/
.Header {
BACKGROUND-IMAGE: url(images/headbg.jpg);
WIDTH: 920px;
BACKGROUND-REPEAT: NO-REPEAT;
}
.HeadLogo {
PADDING-LEFT: 10px;
TEXT-ALIGN: left;
}
.HeadRightBox {
VERTICAL-ALIGN: top;
TEXT-ALIGN: right;
}
.HeadText {
FONT-SIZE: 12px;
FONT-WEIGHT: bold;
}
.HeadLine {
BACKGROUND-IMAGE: url(images/hlinebg.jpg);
FONT-COLOR: #FFFFFF;
}
.HeadThinLine {
BACKGROUND-COLOR: #FFFFFF;
HEIGHT: 1px;
}
.PrintableRow {
WIDTH: 100%;
VERTICAL-ALIGN: middle;
PADDING-RIGHT: 176px;
HEIGHT: 18px;
}
.HeadTopPad {
HEIGHT: 18px;
}
.HeadTopPad IMG {
WIDTH: 1px;
HEIGHT: 0px;
}

Thanks for any help or suggestions

regards

beetlejuice

[CobaltCat]

Try this:

{* $Id: head.tpl,v 1.58 2006/03/17 08:50:44 svowl Exp $ *}
<table class="Header" width="920" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><table cellpadding="0" cellspacing="0" align="center" width="920">
      <tr>
        <td width="550"><a href="{$http_location}/"><img src="{$ImagesDir}/minilogo.gif" width="380" height="120" alt="" /></a></td>
        <td width="370" align="right"><br />
          {if $usertype eq "C"} {*include file="customer/top_menu.tpl"*} {/if} </td>
      </tr>
    </table></td>
  </tr>
</table>
<table cellpadding="0" cellspacing="0" align="center" width="100%">
{if $main ne "fast_lane_checkout"}
<tr> 
<td class="HeadLine" height="45">
{if $usertype eq "C"}
{/if} 
<div align="center">
{literal}
<script src="skin1/images/xaramenu.js"></script><script language="" src="skin1/images/trolley.js" Webstyle4>
</script>
{/literal}
</div></td>
</tr>
{else}


{/if}
</table>

This puts the 1row/2 column table inside a 1 row/1 column table that has the Header class applied. Kind of clunky, but it might work, after a bit of tweaking.

[beetlejuice]

Hi cobaltcat,

That did it. Looks as it should now in IE. (after centering it)

Thanks heaps, but what is it with IE that it needs another table? Hasn't XCart got too many table anyway?

Roll on CSS, but I'm sure IE will have problems with that also

Thanks again cobaltcat

beetlejuice