HTML - Template Problem
Hi,
Im had my site redesigned by a designer a while ago, it was working fine till a couple of weeks ago. When the site loads the logo and and links load for a couple of seconds and disappear. My site address is www.broadway-engraving.co.uk. If anyone can help it would be much appiciated. The code for the template is below. Thanks Ashley HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script language="JavaScript"> function MM_preloadImages() { //v3.0 var d=document; if(d.images) { if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0) { d.MM_p[j]=new Image; d.MM_p[j++].src=a[i]; } } } function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_findObj(n, d) { //v4.0 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p); } if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && document.getElementById) x=document.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2]; } } //--> </script> <title>{title}</title> <META name="description" content="{description}"> <META name="keywords" content="{keywords}">. <META name="title" content="{title}"> <meta http-equiv="content-type" content="text/html;charset=iso-8859-1"> <LINK REL="STYLESHEET" type="text/css" HREF="templates/{templatenum}/style.css"> <link href="http://www.broadway-engraving.co.uk/main.css" rel="stylesheet" type="text/css"> </head> <!--DO NOT REMOVE THESE LINES#--> <SCRIPT LANGUAGE="JavaScript" src="script.js"></SCRIPT> <!--DO NOT REMOVE THESE LINES#--> <script language="JavaScript"> <!-- //--> </script><body {onload} onLoad="MM_preloadImages('karton.gif','homon.gif','proon.gif','aboon.gif','teron.gif','prion.gif','seron.gif','cont.gif','mykarton.gif','conton.gif')"> <!--DO NOT REMOVE THIS JAVASCRIPT OBJECT#--> {jscript} <!--DO NOT REMOVE THIS JAVASCRIPT OBJECT#--> <div class="topanelbelowboder"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="460" height="200" align="left" valign="top" background="logo-sample3--red-style-gra.jpg"><a href="http://www.broadway-engraving.co.uk/TROPHIES-Football.html"></a><img src="logo-sample3--red-style.jpg" width="354" height="203" alt="Sports Trophies Shop London"></td> <td width="160" height="200" align="left" valign="middle" background="logo-sample3--red-style-gra.jpg"><table width="160" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="botomnavcolor"><a href="{f3index}">Home</a> » <a href="viewcart.cgi">View Cart »</a></td> </tr> </table></td> <td width="358" height="200" align="right" valign="top" background="logo-sample3-blue-gra-1px.jpg"><table width="300" height="100" border="0" align="left" cellpadding="2" cellspacing="0"> <tr> <td class="toppanel"><a href="{f3products}">Products</a></td> <td class="toppanel"><a href="{f3faq}">Faq</a></td> </tr> <tr> <td class="toppanel"><a href="{f3about}">About Us</a></td> <td class="toppanel"><a href="{f3search}">Search</a></td> </tr> <tr> <td class="toppanel"><a href="{f3terms}">Terms</a></td> <td class="toppanel"><a href="{f3contact}">Contact</a></td> </tr> <tr> <td class="toppanel"><a href="{f3privacy}">Privacy</a></td> <td class="toppanel"><a href="{f3orderstatus}">Order Status</a></td> </tr> </table></td> </tr> <tr> <td colspan="2" align="left" valign="top"></td> </tr> </table> </div> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="150" align="left" valign="top"><table width="150" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="150" height="10"><img alt="Sports Trophies London" src="navigation-menu.gif" width="150" height="23"></td> </tr> <tr> <td width="150"> <!--MENU--> {menu} <!--MENU--> <script> if (document.layers) { } else { // document.write("<BR>"); } </script> <img src="clear.gif" border=0 width="9" height="4"> <script> if (document.layers) { } else { // document.write("<BR>"); } </script></td> </tr> <tr> <td> </td> </tr> <td width="150"> </td> </tr> </table></td> <td width="10" height="100%" align="left" valign="top" bgcolor="#A01E20"> </td> <td width="100%" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#FFFFFF" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td valign="top"><table width="100%" border="0" cellpadding="2" cellspacing="0" height="70%" valign="top"> <tr> <td b1gcolor="#FFFFFF" align="left" valign="top" width="100%" height="21"><!--Actual Content Table Cell--> <!--Content--> {content} {intro} <!--Content--> <!--Actual Content--> </td> </tr> <tr> <td colspan="1" align="center" valign="bottom"> </td> </tr> </table></td> </tr> <tr> <td width="99%" valign="bottom" height="100%" align="right"><font class="addressfontcolor"> <!--COMPANY MAILER---> <!--PLEASE DO NOT REMOVE THE FOLLOWING LINE--> {companyinfo} <!--COMPANY MAILER---> </font></td> </tr> </table></td> </tr> </table></td> <td width="6" align="left" valign="top" bgcolor="#A01E20"> </td> <td width="163" align="left" valign="top"><table width="150" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="150" height="20"><img alt="Sports Trophies and Gifts" src="cart-contents.gif" width="151" height="23"></td> </tr> <tr> <td height="20">{jscart}</td> </tr> <tr> <td width="150" height="20">{randomft} {randomsp} {randomrp} </td> </tr> <tr> <td width="151" height="20"> </td> </tr> <tr> <td width="151" height="20"> </td> </tr> <tr> <td width="151" height="20"> </td> </tr> </table></td> <td width="19" align="left" valign="top" bgcolor="#A01E20"> </td> </tr> </table> <div class="botomupperboder"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="14%"> </td> <td width="69%"><table width="600" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="600" height="41" background="botom-navigation-panel.png" class="botomnavcolor"> <a href="{f3index}">Home</a> | <a href="{f3products}">Products</a> | <a href="{f3about}">About Us</a> | <a href="{f3contact}">Contact Us</a>| <a href="{f3privacy}">Privacy Policy</a> | <a href="viewcart.cgi">View Cart</a> | <a href="{f3search}">Search</a> | <a href="{filename}#">Links</a></td> </tr> </table></td> <td width="17%"> </td> </tr> </table></div> </body> </table> </html> Similar TutorialsHey, I'm coding a template for someone and I was learning how to make everything extendable and I know how to do it now. But, all of the images are spaced out and idk why they are, can anyone help me? http://teamafterglow.com/templates/template7.html Thank you, When creating a file from a template in Dreamweaver CS3, is there anyway to remove all the comment tags around editable regions? So I downloaded this http://www.flashmo.com/preview/flash...humbnail_stack flash template, and the URLs don't work. When I click on a picture, it's supposed to redirect me to a webpage, but when I do this nothing happens. I've tried this with several different flash templates from other websites but the same problem happens. Hi: We are having a problem with an eBay Custom Storefront template. HTML is not one of my strengths, so if we could get a little help it would be greatly appreciated. At the top of our template it shows our feedback number as well as several icons such as "top rated seller", about me, store icon, etc. This feedback number should change when we get a new feedback, it does not. Everywhere else in eBay the number changes fine and the code looks the same to me. I think the section of code below is the relevant section. The store address is www.connectibles.net if you need to see more code. Or just post a note and I will copy more code. Much thanks, Bill <TABLE id=frameheader cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR> <TD><IMG src="http://img.photobucket.com/albums/v145/wpaprints/ebaydesign/left_up.gif"></TD> <TD id=logo><IMG src="http://img.photobucket.com/albums/v145/wpaprints/ebaydesign/logo.gif"> <TD id=r_head width="100%"><B>connectibles is maintained by:</B> <a href="http://myworld.ebay.com/connectibles">connectibles</a><img src="http://pics.ebaystatic.com/aw/pics/s.gif" width="4" border="0">( <a href="http://feedback.ebay.com/ws/eBayISAPI.dll?ViewFeedback&userid=connectibles">6712</a><img src="http://pics.ebaystatic.com/aw/pics/icon/iconGreenStar_25x25.gif" height="25" width="25" class="mbg-star" title="Feedback score is 5,000 to 9,999">) </span> <span class="mbg-l"><b><img src="http://pics.ebaystatic.com/aw/pics/icons/iconTrsMini.gif" height="19" width="56" title="Get fast shipping and excellent service from Top-rated sellers."></b> <a href="http://pages.ebay.com/services/buyandsell/powersellers.html"><img src="http://pics.ebaystatic.com/aw/pics/icon/psIcon_50x25.gif" height="25" width="50" alt="Member is a PowerSeller" title="Member is a PowerSeller" border="0"></a> <a href="http://members.ebay.com/ws/eBayISAPI.dll?ViewUserPage&userid=connectibles"><img src="http://pics.ebaystatic.com/aw/pics/aboutme-small.gif" height="8" width="23" title="About connectibles" border="0"></a> <a href="http://stores.ebay.com/connectibles"><img src="http://pics.ebaystatic.com/aw/pics/icon/iconStoresNW_20x20.gif" height="20" width="20" border="0" title="eBay Store"></a> </span></div></div></div><P><!--*************description*********--> I'm using this template on my Tumblr blog: http://blog.tmimgcdn.com/wp-content/...ute.jpg?9d7bd4 I'm wondering how I can get those boxes to the top so that they are not centered? I've been messing about with the HTML for ages. You'll have to excuse me because I'm a noob at HTML. I appreciate any help! Thanks. I'm not sure this is the correct place to post this question. Please redirect me if it is not. I am trying to use a template for all the pages on my site. I am using Dreamweaver. When I apply the template to a new page, it appends the path of the template directory to all my links, and won't let me edit them. I'm not sure in general how templates are supposed to work. Can I do this without Dreamweaver? Is there a good FAQ on templates somewhere that I can read? Thanks. Hi guys, I created a email template for company usage using html, i put company`s logo in it, it works perfect with outlook and windows live mail, but when i open that email template in browsers, i see .jpg file at the end of the mail message. Is there any way to get rid of this? Thanks. here is a screenshot of my problem: http://img26.imageshack.us/img26/5672/16715830.jpg I'm about to rip my hair out on this one. I'm using Dreamweaver 8. I have navigation that is using image rollovers to swap. My images that are needed for the rollover to work are in my "assets" folder in the "root" directory. However, when I create the actual html page off the template it is looking for the image in "templates/assets" and therefore does not find the image to swap. I have a number of different navigation buttons and I inserted them all the exact same way. This is the only one that is having this issue, the rest work properly. This is the code that resides on the templates page. Code: <p class="navimage"> <a href="../logset.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Log & Grate Set','','..assets/menu/log_over.jpg'',1)"><img src="../assets/menu/log_default.jpg" alt="Log & Grate Set" name="Log & Grate Set" width="158" height="34" border="0" id="Log & Grate Set" /></a></p> Notice the Set','','..assets/menu/log_over.jpg. This is the code that is produced when you create an html page from the template. Code: <a href="logset.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Log & Grate Set',Templates/'','..assets/menu/log_over.jpg'',1 For some reason it is adding the directory templates, and therefore does not find the image. Does anyone know how I can fix this? Thanks, braves07 Hey everyone, First of all, I don't know any HTML, I'll be following a tutorial later this week to learn it, yet I decided to give website lay-outs, a go. Here's what I got so far. Now my questions are, do I have to add the text on there now? Or will I add it with HTML later on? And my other question is, how exactly does the slice tool work? Do I just have to slice it all in pieces? Or do I have to add the URL to it too? (If you double-click a slice you can enter a URL, how can I know the URL if I don't even have a site yet?) Thanks a lot! I have an older template that has a stylesheet and iframes.html I am wanting to put this into it and just havent had any luck. <!-- MLCALC BEGIN --> <script type="text/javascript"><!-- mlcalc_default_calculator = 'loan'; mlcalc_currency_code = 'usd'; mlcalc_amortization = 'year_nc'; //--></script> <script type="text/javascript" src="http://www.mlcalc.com/jquery.js"></script><div style="font-weight:normal;font-size:9px;font-family:Tahoma;padding:0;margin:0;border:0;background:transparent;color:#E5E5E5;width:300px;text-align:right;padding-right:10px;" id="mlcalcWidgetHolder"><script type="text/javascript" src="http://www.mlcalc.com/widget-wide.js"></script>Powered by <a href="http://www.mlcalc.com/" style="color:#E5E5E5;text-decoration:none">Mortgage Calculator</a></div> <!-- MLCALC END --> I have been able to muddle it into the page but get script error. I am sure I need to provide more information. The tables on the page are just to confusing for me to work this in. Just thought I would start off with the problem. Wasnt sure what forum to put this in either thanks in advance for any input. Hi, this may not be even a HTML question but... I was wondering if there was a way to create some kind of website template, so if I wanted to add a banner or something to a page I don't have to go into each individual html file and put it in. Something like a css that everything references to and making a change in that changes all. THX. Well okay it's me again. I'm making another template. How do I get this: Image To look like this: Image And then let me add text? Codes: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Apateezer - Home</title> <link rel=stylesheet href="style.css" type="text/css" media=screen> </head> <body> <div id="page"> <div id="Header"> </div> <div id="linkbar"> <div id="page"> <p>test</p> </div> <div id="footer"> <p>Copyright (c) 2008 Apateezer.com <br/> All Rights Reserved.</p> </div> </div> </body> </html> Code: body { background-color:#000000; margin:0; padding:0; text-align:center; font-family:Trebuchet MS Bold; font-size:16px; color:#ffffff; } #page { width:960px; margin:auto; padding:auto; background-image:url(images/page.png); text-align:center; } #header { width:780px; height:123px; background-image:url(images/header.png); clear:both; } #linkbar { width:780px; height:66px; background-image:url(images/linkbar.png); clear:both; } #footer { width:780px; height:51px; background-image:url(images/footer.png); clear:both; } PLease help. HI Guys, I am making a template using Web 2.0. Everything was alright but when I opened the html files in Dreamweaver again for work. One div in the middle it showed white space. When I viewed it in firefox, it viewed completely and there was no white space. The text was there , everything was there. I dont get it, where did the white space came from. Also, if I view the code view, that specific div is highlighted with yellow color. Also the yellow highlighted div is showing in the design view. I am attaching the screenshots. Kindly help with this Regards, a2usmani Hey there. I have a blog. its called reign of uncertainty, and the url is www.confusedforeternity.blogspot.com i am using a zigmag remedy template. i am trying to put links in the bar, where it says "home, about me, art....". but the template automatically prefixes the blog url before the link. if i put www.deviantart.com in the xml code, it automatically becomes http://www.confusedforeternity.blogs...deviantart.com. i am not the good at coding and i dont know why its happening. the xml template is available he http://www.mediafire.com/?tz3mzcgntmt A solution will be appreciated. Hi, total newbie to website design and I need help in getting rid of a template. I think for now all i want is to go to cPanel, then right to a HTML editor, but every choice seems to leave me with some sort of forced template. I just switched from Sitebuilder to RVsitebuilder and was a little happier with the 'build your own' template... but still there is a template. I want to learn to design my own header, not have some preset thing.... Should I just keep messing with different builders? Try wordpress? (it's Not like i can ruin anything, there is no content up yet to worry about overwriting) Hoping someone feels like answering this tonight How would you add a template to your site with HTML. This concept is getting very annoying and I have started arguing with someone on this subject. Please if you know how to do this please don't hesitate to tell me. Thanks in advance!! -Levi here is the template. it's coded badly since I used photoshop and dreamweaver since I dont really know how to code. the only thing I need to do is add a div tag in the body thats white and another div tag for the footer with that color. ive been messing with it but i cant get it. i end up messing the whole template up. could someone please help me with those 2 spots please? I'm trying to make a template for e-bay using Dreamweaver. When I use CSS, it applies everything to the whole auction, so even the e-bay things have the font as orange. I went in and changed everything to html and things look better, but I'm having a problem with the border around my images. I would like it to be the color in the background instead of black. Here is a screenshot of what I am talking about. http://s132.photobucket.com/albums/q...screenshot.jpg Here is the code I currently have: <img src="http://i132.photobucket.com/albums/q14/littlestinkerstore/SSTemplate/ssimagej.jpg" width="288" height="288" border="9"></p> <p align="center"> </p> <p align="center"><img src="http://i132.photobucket.com/albums/q14/littlestinkerstore/SSTemplate/ssdescriptionj.jpg" width="450" height="225" border="2"></p> What I would REALLY like is a border around the image that is another image, a pattern used in the background, but I will be happy with a color that matches!! Thanks! Hi guys.I have very little html experience so I decided to work from a template. Problem is, I didn't even know how to add some of the simple stuff. I was able to figure out how to add: a) the background b) the main header(banner) and c) a few normal pictures I have no idea however how to add the: sidebar, menubar (where about us, etc is), or the footer. I don't know where the programming for them starts or how to add so that the show up. In the following post I'll add my website name and code: I am creating a blog, and I went on a blog skin website and downloaded a couple of templates. i signed up to start my blog on blogspot.com. anyway, when i tried to customize and upload my downloaded templates, it had some errors. i'll try to give anyone the html codes...i can't make an attachment with the files on the first template i got the following error: "Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly. XML error message: The element type "html" must be terminated by the matching end-tag "". " i tried the second template, and i got this error: "Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly. XML error message: Open quote is expected for attribute "{1}" associated with an element type "language". " i am wondering if the person who made these made a mistake in the html. please help! oh, here is my blogspot address: harmony-dreams.blogspot.com thanks~ |