View Single Post
  #9  
Old 07-17-2009, 07:24 AM
 
swifty1 swifty1 is offline
 

eXpert
  
Join Date: Aug 2008
Location: UK
Posts: 327
 

Default Re: Big Button ie6 bug

Victor i have done the following but the IE6 problem is still there

In big_button1.tpl is the following-

{assign var="bg_title_class" value="YellowBackground2"}
{assign var="sfx" value=""}
{/if}
<table cellspacing="0" cellpadding="0" onclick="{$js_link}" style="cursor: pointer;" dir="ltr">
<tr>
<td width="9" style="background-repeat: no-repeat; background-image: url({$ImagesDir}/top_cl_2{$sfx}.gif);"><img src="{$ImagesDir}/spacer.gif" class="BBCorner" alt="" /></td>
<td height="9" style="background-repeat: repeat-x; background-image: url({$ImagesDir}/top_b_2{$sfx}.gif);"><img src="{$ImagesDir}/spacer.gif" class="BBCorner" alt="" /></td>
<td width="9" style="background-repeat: no-repeat; background-image: url({$ImagesDir}/top_cr_2{$sfx}.gif);"><img src="{$ImagesDir}/spacer.gif" class="BBCorner" alt="" /></td>
</tr>

<tr>
<td width="9" style="background-repeat: repeat-y; background-image: url({$ImagesDir}/tab_left_2{$sfx}.gif);"><img src="{$ImagesDir}/spacer.gif" class="BBCorner" alt="" /></td>
<td class="{$bg_title_class}"{$reading_direction_tag}> &nbsp;<font color="#">{$button_title}&nbsp;{if $arrow eq "Y"}<img src="{$ImagesDir}/rarrow_flc_2.gif" class="BBCorner" alt="" />{/if}</font></td>
<td width="9" style="background-repeat: repeat-y; background-image: url({$ImagesDir}/tab_right_2{$sfx}.gif);"><img src="{$ImagesDir}/spacer.gif" class="BBCorner" alt="" /></td>
</tr>

<tr>
<td width="9" style="background-repeat: no-repeat; background-image: url({$ImagesDir}/tab_cl_2{$sfx}.gif);"><img src="{$ImagesDir}/spacer.gif" class="BBCorner" alt="" /></td>
<td height="9" style="background-repeat: repeat-x; background-image: url({$ImagesDir}/tab_bt_2{$sfx}.gif);"><img src="{$ImagesDir}/spacer.gif" class="BBCorner" alt="" /></td>
<td width="9" style="background-repeat: no-repeat; background-image: url({$ImagesDir}/tab_cr_2{$sfx}.gif);"><img src="{$ImagesDir}/spacer.gif" class="BBCorner" alt="" /></td>
</tr>


In /skin1/modules/Fast_Lane_Checkout/skin1.css is the following-

.YellowBackground2 {
{*BACKGROUND-IMAGE: URL(../../images/tab_bg2.gif);*}
BACKGROUND-COLOR: #000000;
FONT-WEIGHT: bold;
FONT-SIZE: 11px;
TEXT-ALIGN: center;
TEXT-COLOR: #fefefe;

}

To allow the button to appear in all browsers i have omitted {*BACKGROUND-IMAGE: URL(../../images/tab_bg2.gif);*}
This img is red in color in IE7/8 and FF but in IE6 the background is white.
I have changed both TEXT-COLOR: #fefefe; BACKGROUND-COLOR: #000000;
to different colors but it makes no difference in IE6.

May be i am missing something simple.....?
__________________
4.1.11 gold
x-special offers
CDSEO Pro
Reply With Quote