Guest Posted March 27, 2006 Share Posted March 27, 2006 I'm trying to create a new custom box on the right hand side of my site to house an image, I have followed the "manupulating boxes" pdf guide and its not working! The image shows up as an "X" and the box is non existant! I'm using the following code in my index.tpl file: <!-- BEGIN: body --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset={VAL_ISO}" /> <title>{META_TITLE}</title> <meta name="description" content="{META_DESC}" /> <meta name="keywords" content="{META_KEYWORDS}" /> <link href="skins/{VAL_SKIN}/styleSheets/layout.css" rel="stylesheet" type="text/css" /> <link href="skins/{VAL_SKIN}/styleSheets/style.css" rel="stylesheet" type="text/css" /> <script language="javascript" src="js/jslibrary.js" type="text/javascript"></script> <!-- Text Input Mod start --> <script language="javascript" src="js/3rdparty.js" type="text/javascript"></script> <!-- Text Input Mod start --> </head> <body> <div id="pageSurround"> <div id="subSurround"> <div id="topHeader"> <div class="session">{SESSION}</div> </div> <div> <div class="colLeft"> {CATEGORIES}{SEARCH_FORM}{RANDOM_PROD}</div> <div class="colMid"> {PAGE_CONTENT} </div> <div class="colRight"> {SHOPPING_CART} {POPULAR_PRODUCTS} {SALE_ITEMS} {MAIL_LIST} <div class=â€boxTitleRightâ€>Latest Catalogue</div> <div class=â€boxContentRightâ€> <img src=/images/uploads/catalogue.jpg alt="Latest Catalogue" border="0"> </div> </div> </div> <br clear="all" /> {SITE_DOCS} </div> </div> </body> </html> <!-- END: body --> What am i doing wrong...?? Quote Link to comment Share on other sites More sharing options...
roban Posted March 27, 2006 Share Posted March 27, 2006 try this: <div class="boxTitleRight">Your head-line</div> <div class="boxContentLeft"> Use the code you wish to add <border="0" > </div> <div class="boxFootRight"> </div> Quote Link to comment Share on other sites More sharing options...
Guest Posted March 27, 2006 Share Posted March 27, 2006 Nope, still not working - i've corrected some basic html error that crept in but still no styling or image showing! Using this code now: {MAIL_LIST} <div class=â€boxTitleRightâ€>Latest Catalogue</div> <div class=â€boxContentLeftâ€> <img src="/images/uploads/catalogue.jpg" alt="Latest Catalogue" border="0" /> </div> </div> </div> The site is www.rathernice.co.uk/cubecart Quote Link to comment Share on other sites More sharing options...
markscarts Posted March 27, 2006 Share Posted March 27, 2006 The problem with box is the quote marks - look at your code in the post above - quote marks need to be " not ” There was nothing wrong with your box code except for these quote marks. The image code also has a problem. Instead of: <img src="/images/uploads/catalogue.jpg" alt="Latest Catalogue" border="0" /> You need: <img src="images/uploads/catalogue.jpg" alt="Latest Catalogue" border="0" /> Quote Link to comment Share on other sites More sharing options...
Guest Posted March 27, 2006 Share Posted March 27, 2006 Image now works but the box isnt picking up any styling from the "boxes" Quote Link to comment Share on other sites More sharing options...
markscarts Posted March 27, 2006 Share Posted March 27, 2006 It is because you now have this: <div class="â€boxTitleRightâ€">Latest Catalogue</div> You can't have all those quote marks. You must have only the " in place of these "†Quote Link to comment Share on other sites More sharing options...
Guest Posted March 27, 2006 Share Posted March 27, 2006 Strange...it was all copied and pasted from the instruction file and advice people posted here!!! Anyways, sorted now, thanks for all your help chaps :) Quote Link to comment Share on other sites More sharing options...
markscarts Posted March 27, 2006 Share Posted March 27, 2006 You're welcom Footnote: This problem seems to occur from copying & pasting the info in my PDF file - " marks are appearing as †No doubt I will have to re-write that tutorial and clean things up. Unfortunately, time is really at a premium for me, so it may take a little while to do this. Quote 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.