| ||||||||||
Shopping cart software Solutions for online shops and malls | ||||||||||
|
X-Cart Home | FAQ | Forum rules | Calendar | User manuals | Login |
Firefox issue | |||
|
|
Thread Tools | Search this Thread |
#1
|
|||||||
|
|||||||
Firefox issue
Guys,
I recently added a background image to my site. It looks great in both IE and Firefox, but in Firefox the Dialog Boxes ( Categories, Help, Main table, etc.) do not have their background colors or thin border as in IE. I have attached two screenshots so you can see IE and Firefox differences. Any thoughts? http://www.newenglandmusic.net/graphics/IE.jpg http://www.newenglandmusic.net/graphics/firefox.jpg Thank you! Randy http://redwing.hutman.net/~nemusic/xcart/home.php X-Cart version 4.0.13 Operation system Linux
__________________
X-Cart 4.0.13 PHP 4.3.6 Operation system Linux |
|||||||
#2
|
|||||||
|
|||||||
How about posting the code you used
__________________
Padraic Ryan Ryan Design Studio Professional E-Commerce Development |
|||||||
#3
|
|||||||
|
|||||||
Code
Thanks...here you go:
1. skin1.CSS BODY,DIV,TH,TD,P,INPUT,SELECT,TEXTAREA,TT { FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif; COLOR: #550000; FONT-SIZE: 10px; } A:link { COLOR: #330000; TEXT-DECORATION: none; } A:visited { COLOR: #330000; TEXT-DECORATION: none; } A:hover { COLOR: #550000; TEXT-DECORATION: underline; } A:active { COLOR: #330000; TEXT-DECORATION: none; } H1 { FONT-SIZE: 15px; } H2 { FONT-SIZE: 13px; } H3 { FONT-SIZE: 12px; } HR { COLOR: #000000; HEIGHT: 1px; } BODY { MARGIN-TOP: 0 px; MARGIN-BOTTOM: 0 px; MARGIN-LEFT: 0 px; MARGIN-RIGHT: 0 px; background-image:url(http://www.newenglandmusic.net/graphics/mainBG.jpg); background-repeat: repeat; background-position: 50% 50%; } .OuterBG { background-image:url(http://www.newenglandmusic.net/graphics/mainBG.jpg); background-repeat: repeat; background-position: 50% 50%; } .purpleBG{ BACKGROUND: URL(images/purple.jpg); BACKGROUND-REPEAT: repeat; } .BlueLink13 { COLOR: #FFFFFF; FONT-WEIGHT: bold; .HeadBox { BACKGROUND-COLOR: #000000; } .HeadText { FONT-SIZE: 12px; FONT-WEIGHT: bold; } .HeadLine { BACKGROUND-COLOR: #FFD44C; } .MainTable { background-color: #B5F65E; } .VertMenuBox { BACKGROUND-COLOR: #B5F65E; background-color: rgb(181,246,92); } .VertMenuBorder { BACKGROUND-COLOR: #8E4B00; } .VertMenuTitle { BACKGROUND-COLOR: #603A95; background-color: rgb(96,58,149); COLOR: #FFFFFF; FONT-WEIGHT: bold; } .VertMenuItems{ COLOR: #330000; TEXT-DECORATION: none; } .VertMenuItems:link { COLOR: #330000; TEXT-DECORATION: none; } .VertMenuItems:visited { COLOR: #330000; TEXT-DECORATION: none; } .VertMenuItems:hover { COLOR: #550000; TEXT-DECORATION: underline; } .VertMenuItems:active { COLOR: #330000; TEXT-DECORATION: none; } .VertMenuHr { COLOR: #ffffff; } .CategoriesList { FONT-SIZE: 12px; } .DialogBox { BACKGROUND-COLOR: #D4BAF8; color: #D4BAF8 } .DialogBorder { BACKGROUND-COLOR: #FF8600; } .DialogTitle { COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 11px; } .NumberOfArticles { COLOR: #000000; FONT-WEIGHT: bold; } .TopLabel { COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px; } .Text { COLOR: #000000; } .DecorTr { COLOR: #3887D6; } .AdminSmallMessage { COLOR: #FF3300; } .AdminTitle { COLOR: #FF3300; FONT-WEIGHT: bold; FONT-SIZE: 12px; } .Line { BACKGROUND-COLOR: #FF6600; } .ProductTitle { COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px; } .ProductTitleHidden { COLOR: #666666; FONT-WEIGHT: bold; FONT-SIZE: 11px; } .ProductDetailsTitle { COLOR: #FF3300; FONT-WEIGHT: bold; FONT-SIZE: 12px; } .ProductDetails { COLOR: #000000; } .ProductPriceTitle { COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px; } .ProductPriceConverting { COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px; } .ProductPrice { COLOR: #FF3300; FONT-WEIGHT: bold; FONT-SIZE: 12px; } .ProductPriceSmall { COLOR: #FF3300; FONT-WEIGHT: bold; } .MarketPrice { FONT-SIZE: 14px; FONT-FAMILY: Times New Roman; } .ItemsList { COLOR: #330000; FONT-WEIGHT: bold; } #Disabled { COLOR: #ffffff; } .NavigationPath { COLOR: #000000; FONT-WEIGHT: bold; TEXT-DECORATION: none; } .NavigationPath:link { COLOR: #000000; FONT-WEIGHT: bold; TEXT-DECORATION: underline; } .NavigationPath:visited { COLOR: #000000; FONT-WEIGHT: bold; TEXT-DECORATION: underline; } .NavigationPath:hover { COLOR: #ffffff; FONT-WEIGHT: bold; TEXT-DECORATION: none; } .NavigationPath:active { COLOR: #CC6666; FONT-WEIGHT: bold; TEXT-DECORATION: underline; } .FormButton { COLOR: #330000; FONT-WEIGHT: bold; } .Button { FONT-FAMILY: Arial; BACKGROUND: URL(images/butbg.gif); BACKGROUND-COLOR: #FF8600; COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 11px; TEXT-DECORATION: none; } .CustomerMessage { COLOR: #FF3300; FONT-WEIGHT: bold; } .ErrorMessage { COLOR: #FF3300; FONT-WEIGHT: bold; } .Star { COLOR: #FF0000; } .HighLight { BACKGROUND-COLOR: #FFFFCC; } .SaveMoneyLabel { COLOR: #FFFFFF; FONT-WEIGHT: bold; } .TableHead { BACKGROUND-COLOR: #CCCCCC; FONT-WEIGHT: bold; } .TableSubHead { BACKGROUND-COLOR: #EEEEEE; } .TableLine { BACKGROUND-COLOR: #F0F0F0; } .SmallNote:link { COLOR: #7C4C00; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif; } .SmallNote:visited { COLOR: #7C4C00; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif; } .SmallNote:hover { COLOR: #7C4C00; TEXT-DECORATION: underline; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif; } .SmallNote:active { COLOR: #7C4C00; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif; } .SmallText { COLOR: #7C4C00; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif; } .Bottom { BACKGROUND-COLOR: #FFD44C; COLOR: #8E4B00; } .Tab { BACKGROUND-COLOR: #8200FF; FONT-WEIGHT: bold; TEXT-TRANSFORM: uppercase; } .CatMenuItemOff { BACKGROUND-COLOR: transparent; /* like "VertMenuBox" */ BORDER-RIGHT: none; /* like "VertMenuBox" */ BORDER-TOP: none; /* like "VertMenuBox" */ BORDER-LEFT: none; /* like "VertMenuBox" */ BORDER-BOTTOM: none; /* like "VertMenuBox" */ MARGIN-BOTTOM: 1px; MARGIN-TOP: 1px; MARGIN-LEFT: 2px; MARGIN-RIGHT: 3px; CURSOR: pointer; } .CatMenuItemOffExp { BACKGROUND-COLOR: transparent; /* like "VertMenuBox" */ BORDER-RIGHT: none; /* like "VertMenuBorder" */ BORDER-TOP: none; /* like "VertMenuBorder" */ BORDER-LEFT: none; /* like "VertMenuBorder" */ BORDER-BOTTOM: none; /* like "VertMenuBorder" */ MARGIN-BOTTOM: 1px; MARGIN-TOP: 1px; MARGIN-LEFT: 2px; MARGIN-RIGHT: 3px; CURSOR: pointer; } .CatMenuItemOn { BACKGROUND-COLOR: transparent; /* like "VertMenuTitle" */ BORDER-RIGHT: none; /* like "VertMenuBorder" */ BORDER-TOP: none; /* like "VertMenuBorder" */ BORDER-LEFT: none; /* like "VertMenuBorder" */ BORDER-BOTTOM: none; /* like "VertMenuBorder" */ MARGIN-BOTTOM: 1px; MARGIN-TOP: 1px; MARGIN-LEFT: 2px; MARGIN-RIGHT: 3px; CURSOR: pointer; } .CatSubMenu { BACKGROUND-COLOR: transparent; /* like "VertMenuBox" */ BORDER-RIGHT: #8E4B00 1px solid; /* like "VertMenuBorder" */ BORDER-TOP: #8E4B00 1px solid; /* like "VertMenuBorder" */ BORDER-LEFT: #8E4B00 1px solid; /* like "VertMenuBorder" */ BORDER-BOTTOM: #8E4B00 1px solid; /* like "VertMenuBorder" */ MARGIN-LEFT: 1px; MARGIN-RIGHT: 2px; } .CatMenuItem { FONT-SIZE: 12px; FONT-FAMILY: Arial; CURSOR: pointer; } .CatMenuItem:link { COLOR: #330000; /* like "VertMenuItems" */ } .CatMenuItem:visited { COLOR: #330000; /* like "VertMenuItems" */ } .CatMenuItem:hover { COLOR: #330000; /* like "VertMenuTitle" */ } .CatMenuItem:active { COLOR: #330000; /* like "VertMenuItems" */ } .NavDialogTitle { font-size: 11px; font-weight: bold; color: #330000; } .NavDialogBorder { background-color: #FFCC33; } .NavDialogBox { background-color: #FFFFCC; } .PopupHelpLink { FONT-SIZE: 9px; COLOR: #330000; TEXT-DECORATION: none; } .SubHeader2 { COLOR: #666666; font-size: 11px; FONT-WEIGHT: bold; } .SubHeader2Line { BACKGROUND-COLOR: #CCCCCC; } .HightLightRow { BACKGROUND-COLOR: #B0B0B0; font-weight: bold; } .HightLightEqualRow { BACKGROUND-COLOR: #ffe8af; } .VertMenuSubTitle { BACKGROUND-COLOR: #FFA92F; } .SpecialOffersPrice { COLOR: #FF3300; FONT-WEIGHT: bold; FONT-SIZE: 14px; } 2. rectangle_top.tpl {* $Id: rectangle_top.tpl,v 1.13.2.4 2005/02/21 08:58:49 max Exp $ *} { include file="common_js.tpl"} {if $config.Adaptives.isJS eq '' && $adaptives_action ne ''} <FORM action="{$adaptives_action}" method="post" name="adaptiveform"> <INPUT type="hidden" name="{$XCARTSESSNAME}" value="{$XCARTSESSID}"> <INPUT type="hidden" name="send_isJS" value="Y"> <INPUT type="hidden" name="send_browser" id="send_browser" value=""> </FORM> <SCRIPT type="text/javascript" language="JavaScript 1.2"> {include file="browser_identificator_js.tpl"} document.getElementById('send_browser').value = browser_identificator(); document.adaptiveform.submit(); </SCRIPT> {/if} <TABLE align="center" border="0" cellpadding="0" cellspacing="0" width="{$width|default:"800"}" height="100%"bgcolor="B5F65C"> <TR> <TD valign="top"> 3. head.tpl {* $Id: head.tpl,v 1.40.2.3 2004/11/19 06:40:15 max Exp $ *} <TABLE border="0" cellpadding="0" cellspacing="0" width="100%"> <TR> <TD><div align="left"><table width="100%" height="109" border="0" cellpadding="0" cellspacing="0"></div> <tr> <td width="750" height="109" align="center"> [img]../graphics/topmast6.jpg[/img]</td> </tr> </table> </TD></TR> </TABLE> <TABLE border="0" cellpadding="0" cellspacing="0" width="100%"> <TR> <TD colspan="2" class="VertMenuBorder">[img]{$ImagesDir}/spacer.gif[/img]</TD> </TR> <TR> <TD class="HeadLine" height="22"> {if $usertype eq "C"} { include file="customer/search.tpl" } {/if} </TD> <TD class="HeadLine" align="right"> {if ($usertype eq "C" || $usertype eq "B")and $all_languages_cnt gt 1} <TABLE border="0" cellpadding="0" cellspacing="0"> <FORM action="home.php" method="GET" name="sl_form"> <INPUT type="hidden" name="redirect" value="{$smarty.server.PHP_SELF}?{$smarty.server.Q UERY_STRING}"> <TR> <TD> {$lng.lbl_select_language}: <SELECT name="sl" onChange="javascript: document.sl_form.submit()"> {section name=ai loop=$all_languages} <OPTION value="{$all_languages[ai].code}"{if $store_language eq $all_languages[ai].code} selected{/if}>{$all_languages[ai].language}</OPTION> {/section} </SELECT> </TD></TR> </FORM> </TABLE> {else} {/if} </TD> </TR> <TR> <TD colspan="2" class="VertMenuBorder">[img]{$ImagesDir}/spacer.gif[/img]</TD> </TR> {******** Remove this line to display how much products there are online **** <TR> <TD colspan="2" class="NumberOfArticles" align="right">{insert name="productsonline"} {$lng.lbl_products} {if $config.Appearance.show_in_stock eq "Y"}{$lng.lbl_and} {insert name="itemsonline"} {$lng.lbl_items} {/if}{$lng.lbl_online}</TD> </TR> **** Remove this line to display how much products there are online ********} <TR> <TD colspan="2" valign="middle" height="32"> <TABLE cellspacing="0" cellpadding="0" border="0" width="100%" height="18"> <TR> <TD>[img]{$ImagesDir}/spacer.gif[/img]</TD> {if (($main eq 'catalog' && $cat ne '') || $main eq 'product' || ($main eq 'comparison' && $mode eq 'compare_table') || ($main eq 'choosing' && $smarty.get.mode eq 'choose')) && $config.Appearance.enabled_printable_version eq 'Y'} <TD width="100%" valign="middle" align="right">{include file="printable.tpl"}</TD> <TD>[img]{$ImagesDir}/spacer.gif[/img]</TD> {/if} </TR> </TABLE> </TD> </TR> </TABLE> 4. home.tpl {* $Id: home.tpl,v 1.67.2.6 2004/12/01 15:15:48 mclap Exp $ *} {if $printable ne ''} {include file="customer/home_printable.tpl"} {else} {config_load file="$skin_config"} <HTML> <HEAD> <TITLE> {if $config.SEO.page_title_format eq "A"} {section name=position loop=$location} {$location[position].0|escape} {if not %position.last%} :: {/if} {/section} {else} {section name=position loop=$location step=-1} {$location[position].0|escape} {if not %position.last%} :: {/if} {/section} {/if} </TITLE> { include file="meta.tpl" } <LINK rel="stylesheet" href="{$SkinDir}/{#CSSFile#}"> </HEAD> <BODY leftmargin="0" topmargin="0" rightmargin="0" bottomargin="0" marginwidth="0" marginheight="0" > { include file="rectangle_top.tpl" } { include file="head.tpl" } {if $active_modules.SnS_connector} {include file="modules/SnS_connector/header.tpl"} {/if} <TABLE border="0" width="100%" cellpadding="0" cellspacing="0" align="center"> <TR> <TD width="6"></TD> <TD width="150" valign="top"> {if $categories ne "" and ($active_modules.Fancy_Categories ne "" or $config.General.root_categories eq "Y" or $subcategories ne "")} { include file="customer/categories.tpl" } {/if} {if $active_modules.Bestsellers ne "" and $config.Modules.bestsellers_menu eq "Y"} { include file="modules/Bestsellers/menu_bestsellers.tpl" } {/if} {if $active_modules.Manufacturers ne "" and $config.Modules.manufacturers_menu eq "Y"} { include file="modules/Manufacturers/menu_manufacturers.tpl" } {/if} { include file="customer.tpl" } { include file="how.tpl" } {include file="customer/special.tpl"} { include file="help.tpl" } [img]{$ImagesDir}/spacer.gif[/img] </TD> <TD width="20"></TD> <TD valign="top"> {include file="location.tpl"} {include file="dialog_message.tpl"} {if $active_modules.Special_Offers ne ""} {include file="modules/Special_Offers/customer/new_offers_message.tpl"} {/if} {include file="customer/home_main.tpl"} </TD> <TD width="20"></TD> <TD width="150" valign="top"> {if $active_modules.SnS_connector} {include file="modules/SnS_connector/button.tpl"} {/if} {if $active_modules.Feature_Comparison ne "" && $comparison_products ne ''} { include file="modules/Feature_Comparison/product_list.tpl" } {/if} {if $active_modules.Users_online ne ""} { include file="modules/Users_online/menu_users_online.tpl" } {/if} { include file="customer/menu_cart.tpl" } {if $login eq "" } { include file="auth.tpl" } {else} { include file="authbox.tpl" } {/if} { include file="news.tpl" } {if $active_modules.Interneka ne ""} { include file="modules/Interneka/menu_interneka.tpl" } {/if} { include file="poweredby.tpl" } [img]{$ImagesDir}/spacer.gif[/img] </TD> <TD width="6"></TD> </TR> </TABLE> { include file="rectangle_bottom.tpl" } </BODY> </HTML> {/if} That's it. Thank you! R
__________________
X-Cart 4.0.13 PHP 4.3.6 Operation system Linux |
|||||||
|
|||
X-Cart forums © 2001-2020
|