X-Cart: shopping cart software

X-Cart forums (https://forum.x-cart.com/index.php)
-   Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)
-   -   Firefox issue (https://forum.x-cart.com/showthread.php?t=16577)

RandySmith 09-14-2005 04:45 AM

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

balinor 09-14-2005 06:04 AM

How about posting the code you used :)

RandySmith 09-14-2005 06:19 AM

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


All times are GMT -8. The time now is 02:15 AM.

Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2026, Jelsoft Enterprises Ltd.