Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

cant get STS to work


catalepticstate

Recommended Posts

Hi all,

I still cant get STS to work.

 

I needed to have the homepage with one design/layout/image and the other index pages to follow another template.

 

The basic page is the same except for the homepage to have a large image and catergory menu.

 

I have followed the instructions as given on this site before but is does not work correctly.

 

I have index.php_0.html,index.php_1.html,index.php_2.html

 

And for other pages such as login.php has its own login.php.html etc..

 

Also when I am viewing the page the content seems to be streched and half off screen.

 

Is there a video tutorial on how to get STS working?

Or can someone help me?

 

This is index.php_1.html

CODE
<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.indentmenu{
font: bold 12px Arial;
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 90%; /*width of menu*/
border: 0px solid #564c66; /*dark purple border*/
border-width: 0px 0;
background: black url(media/indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url(media/indentbg2.gif) center center repeat-x;
}

#apDiv1 {
position:absolute;
left:14px;
top:89px;
width:658px;
height:20px;
z-index:1;
}
</style>
<script type="text/javascript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
 if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
 else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>

<body>
<div id="siteWrapper" class="homepage_wrapper">
  <div style="overflow: hidden; height: auto; width: 1134px;" id="siteContainer">
	<div id="ContentCentre">
		<div class="content_homepage">
			<div class="content_homepage_main"><span id="lblHTMLText"><script type="text/javascript">
//<![CDATA[
_C.TRIGGERS.html = function(){
	ASOS.rollOvers('homepage/2008_10_17_AW_HP_M','creativeContent','jpg','heroshot');
	ASOS.rollOvers('homepage/2008_10_17_AW_HP_M','creativeContent','jpg','rollover');
}
_C.TRIGGERS.init = function(){
	_C.CORE.initialize();
	_C.CORE.alignHeightASOS();
	_C.CORE.createBlog();
	_C.CORE.addBlogEntry(0,"Welcome to our new look website","");
	_C.CORE.addBlogEntry(1,"Welcome to our new look website","");
	_C.CORE.addBlogEntry(2,"Welcome to our new look website","");
	ASOS.moveBlog();
	ASOS.simpleCircFading(["shot0","shot1"],"rotationImages",0.1,2);
}
//]]>
</script>

<style>
#blogBanner{top:485px;}
</style>
<!--<div id="creativeShadow" style="height: 600px;"></div>
<div style="height: 600px;" id="creativeContent" class="creative_long">
 <div style="position: absolute; top: 0px; left: 0px; height: 600px; background-color: rgb(255, 255, 255); z-index: 0;">
<img id="Img2" style="position: absolute; top: 0px;" src="images/01.jpg">
<div id="blogBanner"><div style="position: absolute; background-color: rgb(0, 0, 0); top: 0px; left: 0px; height: 30px; width: 1260px;" id="blogBannerContent">
  <div style="overflow: hidden; position: absolute; top: 0px; left: 470px; height: 30px; width: 325px;" id="blogMask"></div>
  <img style="position: absolute; top: -28px; left: 949px;" src="/undefined.htm" id="blogImg"></div></div>
</div>
</div></span></div>

<div style="height: 600px;" id="ContentNav" class="content_homepage_nav">
<div style="opacity: 1; background-image: url(images/bg.png); background-color: transparent;" class="content_nav_shadow">
</div>
</div>-->
<div>$content</div>
		</div>
					<div class="content_homepage_footer">

<div id="footer_strip" class="strip">
</div>
<div class="content_footer_container">
  <div class="footer_links">
		<a id="footer_link2" class="footer_rightLink" href="">TERMS & CONDITIONS</a>	  
		<a id="footer_link6" class="footer_rightLink" href="">ABOUT US</a>						  
	</div>  

</div></div>
				</div>
				<div class="content_header">


<div id="header_strip" class="strip">
</div>
<div class="content_header_container">
 <div class="header_logo">	
	<a id="ctlTitleBar_hypLogo" href="http://www.prestigetextiles.com" style="border-width: 0px; display: inline-block;">
	<img src="images/logo.gif" alt="" style="border-width: 0px;"></a>  
</div>

<div class="header_links">
	<div class="header_links_right">  
		<a id="ctlTitleBar_hdr_rightLink0" class="header_rightLink" href="">HOW TO SHOP</a>						
		<a id="ctlTitleBar_hdr_rightLink1" class="header_rightLink" href="">SIGN UP / SIGN IN</a>


	</div>  
	<div class="content_header_search">
		<div class="textInput">$searchbox</div>
	</div>	  
	<div class="header_links_left">			


<a href="http://www.prestigetextiles.com/checkout.php"><img class="shopping_bag" src="images/shopping_bag.jpg" alt="view shopping bag"></a>
<a class="view_bag" href="">VIEW SHOPPING BAG</a>	
<span id="ctlTitleBar_ctlBasketSummary_lblBasketItemCount" class="items">$headcart</span>
<!--<span id="ctlTitleBar_ctlBasketSummary_lblBasketItemTotalRetailPrice" class="current_amount"</span>-->				




	</div>		

</div>
<div class="content_header_backto">
	<a id="ctlTitleBar_hypBack"></a>
</div>		
 <div class="content_header_breadcrumb">
	 <span id="ctlTitleBar_lblBreadCrumbs"></span></div>
<div class="content_header_banner">


</div>

<script type="text/javascript">
ASOS.autoRollOvers('/images/redesign/m' ,'HeaderMainLinks','gif','main_header_link');
</script>	
</div>
</div>
			</div>
		</div>


<div id="apDiv1">
 <div class="indentmenu">
<ul>
<li><a href="http://www.prestigetextiles.com" class="current">Home</a></li>
<li><a href="http://www.prestigetextiles.com/fabrics.html">Fabrics</a></li>
<li><a href="http://www.prestigetextiles.com/wedding.html">Wedding Accessories</a></li>
<li><a href="http://www.prestigetextiles.com/readymade.html">Ready Made Curtains</a></li>
<li><a href="http://www.prestigetextiles.com/womens.html">Womens</a></li>
<li><a href="http://www.prestigetextiles.com/haberdashery.html">Haberdashery</a></li>
</ul>
</div>
</div>
<div>

</body></html>

Link to comment
Share on other sites

You should try to refrain from "double-posting" as it only messes up the forum.

 

STS support is provided in the STSv4 Forum only (link in my signature below).

 

See you there.

Bill Kellum

 

Sounds Good Productions

STS Tutorials & more: STSv4.6, STS Add-ons (STS Power Pack), STS V4 Forum STS Forum FREE TEMPLATE

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...