catalepticstate Posted December 31, 2008 Share Posted December 31, 2008 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> Quote Link to comment Share on other sites More sharing options...
bkellum Posted December 31, 2008 Share Posted December 31, 2008 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. Quote 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 More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.