Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls
X-Cart Home FAQ Forum rules Calendar Mark Forums Read User manuals Login

Formatting gone awry... what the heck is that doing over THERE!?

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
Page 1 of 2 1 2 >
 
Thread Tools Search this Thread
  #1  
Old 09-14-2006, 02:50 PM
 
pinklinoleum pinklinoleum is offline
 

Advanced Member
   
Join Date: Aug 2006
Posts: 37
 
Default Formatting gone awry... what the heck is that doing over THERE!?
hey XCART pros out there..... i have messed with every .tpl file that i think could possibly cause this problem.

on certain pages, some of the content is getting smushed into the far right hand side. i have the body of the site set to 90% width in the customer/home.tpl file.... so how the heck can it find its way over there?? i dont know when this started happening.... but it was fine at one point, and then......... AHH!

also... my admin area looks like a wreck on all pages. all the content is there, but the formatting is all screwy. this seems like a related problem


SITE IN PROGRESS:
http://www.motonekoparts.com

....to see the worst of it, put something in the cart, and then click checkout
NOTE: the icons in the "featured brands section on the home page dont work, you have to select a category from the left navigation to get to the products. =)



i dunno.... its makin me grumpy! if anyone has any pointers that can send me in the right direction it would be greatly appreciated! thanks everyone
__________________
XCART version 4.0.19
Reply With Quote
  #2  
Old 09-14-2006, 03:16 PM
 
inebriate inebriate is offline
 

eXpert
   
Join Date: May 2006
Posts: 301
 
Default Re: Formatting gone awry... what the heck is that doing over THERE!?
it looks even more chaotic in opera...

post your skin1.css and skin1/customer/home.tpl and skin1/rectangle_top.tpl
__________________
x-cart pro 4.0.18
linux
www.fabric8d.com (currently undergoing construction)
Reply With Quote
  #3  
Old 09-14-2006, 04:20 PM
 
pinklinoleum pinklinoleum is offline
 

Advanced Member
   
Join Date: Aug 2006
Posts: 37
 
Default Re: Formatting gone awry... what the heck is that doing over THERE!?
man... i haven't dared to look at it in other browsers yet!

here's my skin1.css
Code:
SKIN.CSS

BODY,DIV,TH,TD,P,INPUT,SELECT,TEXTAREA,TT {
        FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif; 
        COLOR: #000000; FONT-SIZE: 10px;
}
A:link {
        COLOR: #000000; TEXT-DECORATION: none;
}
A:visited {
        COLOR: #000000; TEXT-DECORATION: none;
}
A:hover {
        COLOR: #00000; TEXT-DECORATION: underline;
}
A:active  {
        COLOR: #000000; TEXT-DECORATION: none;
}
H1 {
        FONT-SIZE: 15px;
}
H2 {
        FONT-SIZE: 13px;
}
H3 {
        FONT-SIZE: 12px;
}
HR {
        COLOR: #DDDDDD; HEIGHT: 1px;
}
BODY { 
        MARGIN-TOP: 5 px; MARGIN-BOTTOM: 0 px; MARGIN-LEFT: 83 px; MARGIN-RIGHT: 0 px; 
}
.HeadBox {
        BACKGROUND-COLOR: #000000;
}
.HeadText {
        FONT-SIZE: 12px; FONT-WEIGHT: bold;
}
.HeadLine {
        BACKGROUND-COLOR: #FFD44C;
}
.VertMenuCategories         { color: #000000; text-decoration: none; }

.VertMenuCategories:link      { color: #000000; text-decoration: none } 

.VertMenuCategories:visited     { color: #000000; text-decoration: none } 

.VertMenuCategories:hover   { color: #000000; text-decoration: none } 

.VertMenuCategories:active      { color: #000000; text-decoration: none }

.VertMenuBox 
        BACKGROUND-COLOR: transparent;
}
.VertMenuBorder {
        BACKGROUND-COLOR: transparent;
}
.VertMenuTitle {
        BACKGROUND-COLOR: #000000;
        COLOR: #FFFFFF; FONT-WEIGHT: bold; font-style: italic; FONT-SIZE: 11px;  text-indent: 5px;
        TEXT-TRANSFORM: uppercase, 
}

.VertMenuFont {
	background-color: none;
	color: #FFFFFF;
	font-weight: bold;
	padding: 1px;
text-indent: 3px;
       TEXT-TRANSFORM: uppercase
}
.transON {opacity:.85;filter: alpha(opacity=85); -moz-opacity: .85;}

.transOFF {opacity:.60;filter: alpha(opacity=60); -moz-opacity: 0.6;}

.VertMenuItems{ 
        COLOR: #000000; TEXT-DECORATION: none; text-indent: 3px;
}
.VertMenuItems:link {
        COLOR: #000000; TEXT-DECORATION: none;
}
.VertMenuItems:visited {
        COLOR: #000000; TEXT-DECORATION: none;
}
.VertMenuItems:hover {
        COLOR: #000000; TEXT-DECORATION: none;
}
.VertMenuItems:active  {
        COLOR: #000000; TEXT-DECORATION: none;
}
.VertMenuHr {
        COLOR: #999999;
}
.SubCatBox {
        BACKGROUND-COLOR:#EEEEEE; cellpadding:10px;
}
.CategoriesList {
	FONT-SIZE: 10px;
       TEXT-TRANSFORM: uppercase; text-indent: 5px;
}
.DialogBox{
        BACKGROUND-COLOR: transparent; 
}
.DialogSubBox{
        BACKGROUND-COLOR:transparent; BORDER: #8A8A8A 1px solid;
}
.DialogBorder {
        BACKGROUND-COLOR: transparent;
}
.DialogTitle {
        BACKGROUND-COLOR: #000000;
        COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 11px;
        TEXT-TRANSFORM: uppercase
}
.NumberOfArticles {
        COLOR: #000000; FONT-WEIGHT: bold;
}
.TopLabel {
        COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.Text {
        COLOR: #000000;
}
.DecorTr {
        COLOR: #000000;
}
.AdminSmallMessage {
        COLOR: #FF3300;
}
.AdminTitle {
        COLOR: #FF3300; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.Line {
        BACKGROUND-COLOR: #00000;
}
.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 {
        BACKGROUND-COLOR: #000000;
        COLOR: #FFFFFF; FONT-WEIGHT: bold; ; FONT-SIZE: 10px;  	padding: 5px;

}
#Disabled {
        COLOR: #909090;
}
.NavigationPath {
        COLOR: #CC6666; FONT-WEIGHT: bold; TEXT-DECORATION: none;
}
.NavigationPath:link {
        COLOR: #CC6666; FONT-WEIGHT: bold; TEXT-DECORATION: underline;
}
.NavigationPath:visited {
        COLOR: #CC6666; FONT-WEIGHT: bold; TEXT-DECORATION: underline;
}
.NavigationPath:hover {
        COLOR: #CC6666; 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: #000000; COLOR: #8E4B00;
}
.Tab {
        BACKGROUND-COLOR: #000000;
        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: 0px;
    MARGIN-TOP: 0px;
    MARGIN-LEFT: 0px; 
    MARGIN-RIGHT: 0px;
    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: 0px;
	MARGIN-TOP: 0px;
	MARGIN-LEFT:0px;
    MARGIN-RIGHT: 0px;  
    CURSOR: pointer;
}
.CatMenuItemOn
{   
    BACKGROUND-COLOR: none;              /* like "VertMenuTitle" */
    BORDER-RIGHT: none;        /* like "VertMenuBorder" */
    BORDER-TOP: none;          /* like "VertMenuBorder" */
    BORDER-LEFT: none;         /* like "VertMenuBorder" */
    BORDER-BOTTOM: none;       /* like "VertMenuBorder" */
    MARGIN-BOTTOM: 0px;
	MARGIN-TOP: 0px;
	MARGIN-LEFT: 0px;
    MARGIN-RIGHT: 0px;  
    CURSOR: pointer;
}
.CatSubMenu
{
    BACKGROUND-COLOR: none;              /* 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: 0px; 
    MARGIN-RIGHT: 0px;
}
.Subs
{    BORDER: #8E4B00 1px solid;
}
.CatMenuItem
{
    FONT-SIZE: 10px;
    FONT-FAMILY: Arial;
    CURSOR: pointer;
}
.CatMenuItem:link
{
    COLOR: #FFFFFF;                         /* 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: #000000;
	font-size: 11px;
	FONT-WEIGHT: bold;
}
.SubHeader2Line {
	BACKGROUND-COLOR: #000000;
}
.HightLightRow {
	BACKGROUND-COLOR: #B0B0B0;
	font-weight: bold;
}
.HightLightEqualRow {
	BACKGROUND-COLOR: #ffe8af;
}
.VertMenuSubTitle {
	BACKGROUND-COLOR: #FFFFFF;
}
.SpecialOffersPrice {
	COLOR: #FF3300; FONT-WEIGHT: bold; FONT-SIZE: 14px;
}
__________________
XCART version 4.0.19
Reply With Quote
  #4  
Old 09-14-2006, 04:20 PM
 
pinklinoleum pinklinoleum is offline
 

Advanced Member
   
Join Date: Aug 2006
Posts: 37
 
Default Re: Formatting gone awry... what the heck is that doing over THERE!?
and customer/home.tpl

Code:
{* $Id: home.tpl,v 1.67.2.10 2005/10/31 11:36:14 max Exp $ *}
{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  background="{$ImagesDir}/bg.gif" style="background-repeat: no-repeat" 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}
<!-- main area -->
<TABLE border="0" width="90%" cellpadding="0" cellspacing="0" align="left">
<TR>
<TD width="6" rowspan="2">>&nbsp;</TD>
<TD width="150" align= "left" 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" }
<BR>
{/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/special.tpl"*****}
<BR>
{if $login eq "" }
{ include file="auth.tpl" }
<BR>
{/if}
{ include file="customer/menu_cart.tpl" }
<BR>
{if $login eq "" }
{ include file="news.tpl" }
{else}
{ include file="authbox.tpl" }
{/if}
<BR>
{ include file="help.tpl" }
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<IMG src="{$ImagesDir}/spacer.gif" width="150" height="1" border="0">
</TD>
<TD width="30">&nbsp;&nbsp;</TD>
<TD valign="top">

<!-- central space -->
{include file="customer/home_main.tpl"}
</TR>
</TABLE>
</BODY>
{ include file="rectangle_bottom.tpl" }
</HTML>
__________________
XCART version 4.0.19
Reply With Quote
  #5  
Old 09-14-2006, 04:21 PM
 
pinklinoleum pinklinoleum is offline
 

Advanced Member
   
Join Date: Aug 2006
Posts: 37
 
Default Re: Formatting gone awry... what the heck is that doing over THERE!?
and lastly... the rectangletop.tpl

Code:
{* $Id: rectangle_top.tpl,v 1.13.2.7 2005/09/06 11:07:44 max Exp $ *}
{ include file="common_js.tpl"}
{if $config.Adaptives.isJS eq '' && $config.Adaptives.is_first_start eq 'Y'}
<SCRIPT id="adaptives_script" type="text/javascript" language="JavaScript 1.2"></SCRIPT>
<SCRIPT type="text/javascript" language="JavaScript 1.2">
if (document.getElementById('adaptives_script'))
    document.getElementById('adaptives_script').src = "{$current_location}/adaptive.php?send_browser="+(localIsDOM?"Y":"N")+(localIsStrict?"Y":"N")+(localIsJava?"Y":"N")+"|"+localBrowser+"|"+localVersion+"|"+localPlatform+"|"+(localIsCookie?"Y":"N")+"|"+screen.width+"|"+screen.height+"|{$usertype}";
</SCRIPT>
{/if}
<TABLE align="center" border="0" cellpadding="0" cellspacing="0" width="{$width|default:"100%"}" height="100%">
  <TR>
    <TD valign="top"><DIV style="position: absolute;" id="div_null"></DIV>


thanks a ton for your time! =)
__________________
XCART version 4.0.19
Reply With Quote
  #6  
Old 09-14-2006, 05:44 PM
 
inebriate inebriate is offline
 

eXpert
   
Join Date: May 2006
Posts: 301
 
Default Re: Formatting gone awry... what the heck is that doing over THERE!?
will have a look at everything later on...when you say 90% body, do you mean the entire site or the main area, headers, footers, etc.?
__________________
x-cart pro 4.0.18
linux
www.fabric8d.com (currently undergoing construction)
Reply With Quote
  #7  
Old 09-14-2006, 06:01 PM
 
pinklinoleum pinklinoleum is offline
 

Advanced Member
   
Join Date: Aug 2006
Posts: 37
 
Default Re: Formatting gone awry... what the heck is that doing over THERE!?
i am referring to:


<!-- main area -->
<TABLE border="0" width="90%" cellpadding="0" cellspacing="0" align="left">



in the customer/home.tpl
__________________
XCART version 4.0.19
Reply With Quote
  #8  
Old 09-14-2006, 06:13 PM
 
pinklinoleum pinklinoleum is offline
 

Advanced Member
   
Join Date: Aug 2006
Posts: 37
 
Default Re: Formatting gone awry... what the heck is that doing over THERE!?
when i change that code to:


<!-- main area -->
<TABLE border="0" width="100%" cellpadding="0" cellspacing="0" align="left">

... i get some content showing up at the bottowm, below the navigation (instead of smushed to the right with the 90% width)


i was hoping to acheive a 90% width for the entire contents of the main area.

thanks again
__________________
XCART version 4.0.19
Reply With Quote
  #9  
Old 09-14-2006, 09:40 PM
 
pinklinoleum pinklinoleum is offline
 

Advanced Member
   
Join Date: Aug 2006
Posts: 37
 
Default Re: Formatting gone awry... what the heck is that doing over THERE!?
hey there... i think i might have got it! man.... that home.tpl file is very picky!!! will you check it out in safari and see how the formating looks?
__________________
XCART version 4.0.19
Reply With Quote
  #10  
Old 09-14-2006, 09:58 PM
 
inebriate inebriate is offline
 

eXpert
   
Join Date: May 2006
Posts: 301
 
Default Re: Formatting gone awry... what the heck is that doing over THERE!?
dont have safari, but it still looks garbled in Opera, everything is aligned to the left and takes about 50% width, also everything is in different order compared to firefox...from top to bottom: cart, authentication, login, home_main, categories, parts, accessories...the footer is also squished to like 20% width
__________________
x-cart pro 4.0.18
linux
www.fabric8d.com (currently undergoing construction)
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
Page 1 of 2 1 2 >

« Previous Thread | Next Thread »

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 06:44 AM.

   
 
X-Cart forums © 2001-2020