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}> <font color="#">{$button_title} {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
|