HTML - Please Check My Html Template For Errors:
Hi all,
I use this template quite a lot and was wondering if someone could have a look at the coding and remove any errors? Code: <!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=ISO-8859-1"/> <link rel="shortcut icon" href="img/favicon.ico" /> <link rel="stylesheet" type="text/css" href="stylesheet.css" /> <title>Top Bargain</title> </head> <body> <table align=center border=2> <tr vAlign=top> <td colSpan=2> <center> <br /> <font size=2><a href="http://feedback.ebay.co.uk/ws/eBayISAPI.dll?ViewFeedback&userid=top.bargain&ssPa geName=StrK:ME:UFS" target="_blank"><img src="http://www.topbargain.pwp.blueyonder.co.uk/images/Template/Top.BargainLogo.gif" alt="TopBargain" border="0" /></a> <br /> <br /> Purchase With Confidence. <a href="http://feedback.ebay.co.uk/ws/eBayISAPI.dll?ViewFeedback&userid=top.bargain&ssPa geName=StrK:ME:UFS"><em>VIEW FEEDBACK.</em></a> A Trusted eBay Power Seller. <a href="http://members.ebay.co.uk/ws/eBayISAPI.dll?ViewUserPage&userid=top.bargain"><img src="http://www.topbargain.pwp.blueyonder.co.uk/images/Template/aboutme-small.gif" border="0"> </a><p> </font> </center> </td> </tr> <tr vAlign=top> <td> <h3 align=center>Description:</h3> </td> <td rowSpan=6> <img src="URL" width="300" height="600" alt="Picture Name" /> </td> </tr> <tr vAlign=top> <td> <br /> <ul> <font size=2><p>DESCRIPTION</p> <li></li> <li></li> <li></li> <li></li> <li></li> </font> </ul> </td> </tr> <tr vAlign=top> <td> <h3 align=center>Postage:</h3> </td> </tr> <tr vAlign=top> <td> <br /> <ul><font size=2> <li>Please Check Table At Bottom For UK Postal Rates</li> <li>Fast Delivery Via An Insured/Traceable Courier</li> <li>Please Click <a href="http://members.ebay.co.uk/ws/eBayISAPI.dll?ViewUserPage&userid=top.bargain" border="0"><img src="http://pics.ebaystatic.com/aw/pics/uk/aboutme-small.gif" border=0 /></a> For Full Details.</li> </font> </ul> </td> </tr> <tr vAlign=top> <td> <h3 align=center>Payment Methods:</h3> </td> </tr> <tr vAlign=top> <td> <br /> <p align=center><a href="http://www.paypal.co.uk/uk" target=_blank><IMG style="WIDTH: 253px; HEIGHT: 56px" height=52 alt=TopBargain src="http://www.topbargain.pwp.blueyonder.co.uk/images/Template/PaypalLogo.gif" width=253 border=0></a></p> <ul><font size=2> <li><em>Bank Transfer.<em></li> <li>Money/Postal Orders and Cheques Accepted.<FONT color=white>.................. </font> </body> </html> I had to use that color=white....... piece otherwise the table is too small, can not find a solution to using something else. Any help appriciated. Thanks Similar TutorialsHi guys, I have a html template I use a lot that I have been adding/removing bits for ages. The output (when viewed in a browser) is just what I need but I think the coding behind it may have become a bit messey. Ive tried to tidy the coding up a bit but im not very good with html tables and everything falls apart. If someone could have a look and remove anything that is not needed (coding)it would be very much appricated. Code: <TABLE align=center border=2> <TR vAlign=top> <TD colSpan=2> <CENTER><BR><FONT size=2><A href="http://feedback.ebay.co.uk/ws/eBayISAPI.dll?ViewFeedback&userid=top.bargain&ssPa geName=STRK:ME:UFS" target=_blank><IMG alt=TopBargain src="http://www.topbargain.pwp.blueyonder.co.uk/images/Template/Top.BargainLogo.gif" border=0></A> <BR><BR>Purchase With Confidence. <A href="http://feedback.ebay.co.uk/ws/eBayISAPI.dll?ViewFeedback&userid=top.bargain&ssPa geName=STRK:ME:UFS"><I>VIEW FEEDBACK.</I></A> A Trusted eBay Power Seller. <A href="http://members.ebay.co.uk/ws/eBayISAPI.dll?ViewUserPage&userid=top.bargain"><IMG src="http://www.topbargain.pwp.blueyonder.co.uk/images/Template/aboutme-small.gif" border=0> </A><p></CENTER></FONT></TD></TR> <TR vAlign=top> <TD> <P align=center><B>Description:</B></TD> <TD rowSpan=6><IMG height=600 alt="Picture Name" src="URL" width=300> </TD></TR> <TR vAlign=top> <TD><BR> <UL><FONT size=2>DESCRIPTION <P> <LI> <LI> <LI> <P> </P> <LI> <LI> </UL></FONT></TD></TR> <TR vAlign=top> <TD> <P align=center><B>Postage:</B> </P></TD></TR> <TR vAlign=top> <TD><BR> <UL> <LI><FONT size=2>Please Check Table At Bottom For UK Postal Rates <LI>Fast Delivery Via An Insured/Traceable Courier <LI>Please Click <A href="http://members.ebay.co.uk/ws/eBayISAPI.dll?ViewUserPage&userid=top.bargain" border="0"><IMG src="http://pics.ebaystatic.com/aw/pics/uk/aboutme-small.gif" border=0></A> For Full Details.</LI></UL></FONT></TD></TR> <TR vAlign=top> <TD> <P align=center><B>Payment Methods:</B> </P></TD></TR> <TR vAlign=top> <TD><BR> <P align=center><A href="http://www.paypal.co.uk/uk" target=_blank><IMG style="WIDTH: 253px; HEIGHT: 56px" height=52 alt=TopBargain src="http://www.topbargain.pwp.blueyonder.co.uk/images/Template/PaypalLogo.gif" width=253 border=0></A></P> <UL> <LI><FONT size=2><I>Bank Transfer. <LI>Money/Postal Orders and Cheques Accepted.<FONT color=white>.................. </FONT> <DIV></DIV></LI></UL></I></FONT></TD></TR></TABLE> <DIV></DIV></LI></UL></I></FONT></TD></TR></TABLE> Are there any sites you can run your site or pages through and it will let you know if there are any html errors? Like <p> but forget the </p>, etc? Can someone please recommend to me a good site(s) where I can get free HTML templates for websites? so i need help with this .. what i want to accomplish is have everything with a width of 750px and each item to go after one another .. i thought a table would make that happen but it doesn't seem like it does .. on some previews it shows that it goes straight downward, but i think on larger resolutions it doesn't. i'm using this for ebay and it's showing up like this which isn't how i want it to look like. can someone help? HTML Code: <body><body bgcolor="#000000"> <table width="750" border="0"> <img src="http://www.advancespeedshop.com/d4auto888/top-header.jpg"> <!-- PRODUCT IMAGE --> <img src="http://www.advancespeedshop.com/frictiondesigns/easyimg/images/bfi1241809521c.jpg"> <!-- PRODUCT IMAGE --> <!-- DESCRIPTION --> <img src="http://www.advancespeedshop.com/frictiondesigns/easyimg/images/opt1241809533e.jpg"> <!-- DESCRIPTION --> <!-- POLICIES --> <img src="http://www.advancespeedshop.com/d4auto888/shipping-rates-calculated.jpg"> <img src="http://www.advancespeedshop.com/d4auto888/shipping.jpg"> <img src="http://www.advancespeedshop.com/d4auto888/payment.jpg"> <img src="http://www.advancespeedshop.com/d4auto888/policies.jpg"> <img src="http://www.advancespeedshop.com/d4auto888/returns.jpg"> <img src="http://www.advancespeedshop.com/d4auto888/contact-us.jpg"> <!-- POLICIES --> </table> </body> Hello, I have a problem pulling external vbscript into an html template. I have various .vbs files written in vbscript, in a function library. Each .vbs file contains many functions that do a variety of things. Every function is documented with the following format; 'Function Name ''Purpose 'Date 'Author etc... What I need to do is create an html template and populate the template with the formatted documentation only from each of the functions. Unfortunately, this isn't as easy as using src=filename.vbs because I'm trying to access the documentation only....not the script itself. Does anyone have any ideas? thanks in advance! -Ken M Hi, I am not sure if this is the right forum for something like this, but I couldn't find one that would suit it....Moderators feel free to move to the correct forum. Anyway, I have a question, I was wondering if anyone on here can give me step by step instructions on how to covert a psd template (made in photoshop) to html. Thanks for any help! I have to develop a page which have same frame and different content. Example http://www.dcu.org My page should have 3 columns where as DCU have 2. The content should look same across all browsers, The page may be used for 10inches to 30inches screens. What is the strategy to develop such page. The page must occupy 100% of screen ad should not have scrolebars. What is the strategy to display the content? I am using Tables but not sure how to make the content adjust according the screen. I am looking to develop a template and can be used to all the content. Please help me figure out the strategy. Regards, Swaroop Kunduru. http://pixelpatriot.blogspot.com/ Problem #1 The dimensions of the blog image thumbnails are compressed on the x axis with word wrap set to the right side of the image on the main/index page. When you click on the html link that takes you to the full blog page the image is displayed OK. Do you have a suggestion on how to correct the image size displayed in the thumbnail mode? Problem #2 Video screen on right side bar of main page is cropped so can't see full video. I think it is preventing the viewer from access link to Vimeo site. Problem #3 Reduce left margin to maybe 10 or 15 pixels Problem #4 Can the Gallery delay rate be slowed by approx. 1 sec I tried to embed the code here but it was too long. Can you see the code from the above URL? I'm using a BlogSpot template and have made some alterations to it, but I can't figure out how to change the main background. It's currently black. I'm thinking a nice chocolate brown color would better contrast my post background. What should look for in the html codes? Thanks in advance for any ideas. [b]So I'm modifying my blogger template, but i can't remove this thing: Could anyone tell me what to delete in my html code to make it disappear??? Website: http://13stairstomikarain.blogspot.c...o-so-sick.html please reply....i had made an template using power point and i want to put that template on my html code ...the code is HTML Code: <html> <head> <style> </style> <script type='text/javascript'> <!-- var clicks = new Array(); clicks['a'] = 0; clicks['b'] = 0; function AddClick(choice){ clicks[choice] = clicks[choice] + 1; document.getElementById('CountedClicks_' + choice).innerHTML = clicks[choice] + ' votes'; } // --></script> </head> <body> <H1 align="center"><I>WELCOME 2 U-COMPARE</H1> <HR COLOR="RED" SIZE="10" width="50%" NOSHADE> <img src="ab.jpg" style="margin-left:400px"align="down" alt="Pulpit rock" width="250" height="400" /> <span id="CountedClicks_a">0 vote</span><br> <button style="background-color:grey"; ; onclick="AddClick('a')">vote</button> <table cellspacing="15" border="0" cellpadding="0"> <td width="700"></td> <td width="3" height ="200" bgcolor="RED"><BR></td> <td width="150" valign="DOWN" align="right"> </td> </tr> </table> <img src="tiesto.jpg" style="margin-left:400px"align="bottom" width="250" height="400" /> <span id="CountedClicks_b">0 vote</span><br> <button style="background-color:grey"valign="top" onclick="AddClick('b')">vote</button> <!-- begin htmlcommentbox.com --> <div id="HCB_comment_box"><a href="http://www.htmlcommentbox.com">HTML Comment Box</a> is loading comments...</div> <link rel="stylesheet" type="text/css" href="http://www.htmlcommentbox.com/static/skins/simple/skin.css" /> <script type="text/javascript" language="javascript" id="hcb"> /*<!--*/ if(!window.hcb_user){hcb_user={};} (function(){s=document.createElement("script");s.setAttribute("type","text/javascript");s.setAttribute("src", "http://www.htmlcommentbox.com/jread?page="+escape((window.hcb_user && hcb_user.PAGE)||(""+window.location)).replace("+","%2B")+"&opts=406&num=10");if (typeof s!="undefined") document.getElementsByTagName("head")[0].appendChild(s);})(); /*-->*/ </script> <!-- end htmlcommentbox.com --> <table cellspacing="15" border="0" cellpadding="0"> <td width="700"></td> <td width="3" height ="300" bgcolor="RED"><BR></td> <td width="150" valign="DOWN" align="right"> </td> </tr> </table> </body> </html> i want help to modify a html template,when modified gives error,mail me if anyone is interested i can send you the template. When I load my website, in the down left corner I got a message of Done, but with errors when checking the errors i get this descriptuion Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET4.0C; .NET4.0E) Timestamp: Wed, 4 May 2011 12:59:43 UTC Message: 'null' is null or not an object Line: 29 Char: 1474 Code: 0 URI: http://maps.gstatic.com/intl/en_us/m...3/4/12/main.js what's the problem? I've got 2 pages with in total 8 errors I can't get them fixed. Could someone please help me? first page: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.don.alaerts-work.be%2Faccount.php%3Fuser%3Dlisa&charset=%28detect+automatically%29&doctype=Inline&ss=1&outline=1 &group=0&verbose=1&user-agent=W3C_Validator%2F1.2#line-81 and second page: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.don.alaerts-work.be%2Freageer.php%3Fuser%3Ddon%26id%3D40&charset=%28detect+automatically%29&doctype=Inline&ss=1& outline=1&group=0&verbose=1&user-agent=W3C_Validator%2F1.2 I've tried everything. All my other pages are valid except those 2. Kind regards & thanks in advantage, hi friends I am looking for an online tool which will list all the class name that are referenced in a web page and aren't defined in a CSS. for eg: <div class="button"> but classname "button" is not defined anywhere in stylesheet. please suggest me any tool which can help me. thanks to all for ur time and effort. Hi I've done a search with various keywords about this but haven't been able to find the answer. I'd like to know how you combine the html and css from a website to create a single file that can be used to make a template suitable to send as an email (that keeps the look and feel of the site intact) I'm sure it's really easy to do via dreamweaver but I don't know how. Thanks Hi all, Basically, I'm an amatuer at this. I have created several websites, but most of them are through templates being edited on the likes of Dreamweaver. I have been creating my template, and I have finished the banner, then all the buttons directly underneith it. I have a background colour... and now I'm up to the the area the text is supposed to go into, directly under the buttons (home, contact, forums etc). I want this to be a different colour to the background colour, and for it to just be a box, 950pix wide, and go as high/low as I want it to depending on how much text is going on that particular page. I hope you all understand what I mean... I've got a feeling there is a possibility this might be a CSS issue, but I'm not 100% sure, so I didn't know which topic to put it under. Can anyone please help me? It would be much appreciated. I have been trying to figure this out on my own for hours now (I'm the type of person who doesn't like to ask for help ) Hi I am designing a form to update a template i have created. The idea is to leave the form with a user and they can input details which will update a template i have designed for use with ebay. However i have designed it using javascript and when this updates my template it doesnt actually fill out the data, it is only taking the data from the intial form not actually making a new hard copy with the data? My code: User Form: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Pass Data Form</title> <BODY> <center> <form type=get action="template.htm"> <table border=1> <tr> <td>Item Title:</td> <td><input type=text name=itemtitle size=100></td> </tr> <tr> <td>Item Condition:</td> <td><input type=text name=itemcondition size=50></td> </tr> <tr> <td>Box Condition:</td> <td><input type=text name=boxcondition size=50></td> </tr> <tr> <td>UK Postage:</td> <td><input type=text name=ukpostage size=10></td> </tr> <tr> <td>European Postage:</td> <td><input type=text name=europepost size=10></td> </tr> <tr> <td>Rest Of World Postage:</td> <td><input type=text name=rowpostage size=10></td></tr> <tr> <td>Description Item 1:</td> <td><input type=text name=descritionitem1 size=100></td> </tr> <tr> <td>Description Item 2:</td> <td><input type=text name=descritionitem2 size=100></td> </tr> <tr> <td>Description Item 3:</td> <td><input type=text name=descritionitem3 size=100></td> </tr> <tr> <td>Description Item 4:</td> <td><input type=text name=descritionitem4 size=100></td> </tr> <tr> <td>Description Item 5:</td> <td><input type=text name=descritionitem5 size=100></td> </tr> <tr> <td>Description Item 6:</td> <td><input type=text name=descritionitem6 size=100></td> </tr> <tr> <td>Description Item 7:</td> <td><input type=text name=descritionitem7 size=100></td> </tr> <tr> <td>Description Item 8:</td> <td><input type=text name=descritionitem8 size=100></td> </tr> <tr> <td>Description Item 9:</td> <td><input type=text name=descritionitem9 size=100></td> </tr> <tr> <td>Description Item 10:</td> <td><input type=text name=descritionitem10 size=100></td> </tr> <tr> <td>Description Item 11:</td> <td><input type=text name=descritionitem11 size=100></td> </tr> <tr> <td>Description Item 12:</td> <td><input type=text name=descritionitem12 size=100></td> </tr> <tr> <td colspan=2><input type=submit value="Submit!"> </td> </tr> </table> </form> </center> </head> <body> </body> </html> Template javascript: Code: <SCRIPT LANGUAGE="JavaScript"> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin function getParams() { var idx = document.URL.indexOf('?'); var params = new Array(); if (idx != -1) { var pairs = document.URL.substring(idx+1, document.URL.length).split('&'); for (var i=0; i<pairs.length; i++) { nameVal = pairs[i].split('='); params[nameVal[0]] = nameVal[1]; } } return params; } params = getParams(); // End --> </script> <SCRIPT LANGUAGE="JavaScript"> itemtitle = unescape(params["itemtitle"]).replace(/\+/g,' '); document.write(itemtitle); </script> </STRONG></FONT></DIV> </DIV> <DIV align=left><FONT color=#492d67><STRONG> <SCRIPT LANGUAGE="JavaScript"> itemcondition = unescape(params["itemcondition"]).replace(/\+/g,' '); document.write("ITEM CONDITION: " + itemcondition); </script> </STRONG></FONT></DIV> <DIV align=left><FONT color=#492d67></FONT> </DIV> <DIV align=left><FONT color=#492d67><STRONG> <SCRIPT LANGUAGE="JavaScript"> boxcondition = unescape(params["boxcondition"]).replace(/\+/g,' '); document.write("BOX CONDITION: " + boxcondition); </script></STRONG></FONT> </DIV> <DIV align=left><FONT color=#492d67></FONT> </DIV> <DIV align=left><FONT color=#492d67><STRONG> <SCRIPT LANGUAGE="JavaScript"> ukpostage = unescape(params["ukpostage"]).replace(/\+/g,' '); europepost = unescape(params["europepost"]).replace(/\+/g,' '); rowpostage = unescape(params["rowpostage"]).replace(/\+/g,' '); document.write("POSTAGE: " + ukpostage + " (UK Mainland) " + europepost + " (Europe) " + rowpostage + " (R.O.W) " ); </script></STRONG></FONT> </DIV> <DIV align=left></DIV> <UL> <LI> <DIV align=left><FONT color=#492d67> <SCRIPT LANGUAGE="JavaScript"> descritionitem1 = unescape(params["descritionitem1"]).replace(/\+/g,' '); document.write(descritionitem1); </script> <br> <LI> <DIV align=left><FONT color=#492d67> <SCRIPT LANGUAGE="JavaScript"> descritionitem2 = unescape(params["descritionitem2"]).replace(/\+/g,' '); document.write(descritionitem2); </script> <br> <LI> <DIV align=left><FONT color=#492d67> <SCRIPT LANGUAGE="JavaScript"> descritionitem3 = unescape(params["descritionitem3"]).replace(/\+/g,' '); document.write(descritionitem3); </script> <br> <LI> <DIV align=left><FONT color=#492d67> <SCRIPT LANGUAGE="JavaScript"> descritionitem4 = unescape(params["descritionitem4"]).replace(/\+/g,' '); document.write(descritionitem4); </script> <br> <LI> <DIV align=left><FONT color=#492d67> <SCRIPT LANGUAGE="JavaScript"> descritionitem5 = unescape(params["descritionitem5"]).replace(/\+/g,' '); document.write(descritionitem5); </script> <br> <LI> <DIV align=left><FONT color=#492d67> <SCRIPT LANGUAGE="JavaScript"> descritionitem6 = unescape(params["descritionitem6"]).replace(/\+/g,' '); document.write(descritionitem6); </script> <br> <LI> <DIV align=left><FONT color=#492d67> <SCRIPT LANGUAGE="JavaScript"> descritionitem7 = unescape(params["descritionitem7"]).replace(/\+/g,' '); document.write(descritionitem7); </script> <br> <LI> <DIV align=left><FONT color=#492d67> <SCRIPT LANGUAGE="JavaScript"> descritionitem8 = unescape(params["descritionitem8"]).replace(/\+/g,' '); document.write(descritionitem8); </script> <br> <LI> <DIV align=left><FONT color=#492d67> <SCRIPT LANGUAGE="JavaScript"> descritionitem9 = unescape(params["descritionitem9"]).replace(/\+/g,' '); document.write(descritionitem9); </script> <br> <LI> <DIV align=left><FONT color=#492d67> <SCRIPT LANGUAGE="JavaScript"> descritionitem10 = unescape(params["descritionitem10"]).replace(/\+/g,' '); document.write(descritionitem10); </script> <br> <LI> <DIV align=left><FONT color=#492d67> <SCRIPT LANGUAGE="JavaScript"> descritionitem11 = unescape(params["descritionitem11"]).replace(/\+/g,' '); document.write(descritionitem11); </script> <br> <LI> <DIV align=left><FONT color=#492d67> <SCRIPT LANGUAGE="JavaScript"> descritionitem12 = unescape(params["descritionitem12"]).replace(/\+/g,' '); document.write(descritionitem12); </script> I would like the new template so i can view the source code which will contain the user filled info. This will then just be copied into the ebay description for use. Any help appreciated. Hello, on my page i am having 3 problems at the moment. >>The first, is that in firefox my page is centered, and in IE it is not. >>The second, is that my navigation bar (in a table) seems to be putting a pixel in between my image links, EVEN THOUGH i have specified border="0" and border:0 in my css and my html. >>The third, is that 4 images arent showing up (on test.html), but i can click on the area where they SHOULD be showing up, and use them as invisible links. I want the images to show up. I must also specify that i am working to make it look perfect in FIREFOX, but if you could suggest anything that would improve it visually in IE too, that would be a bonus. Thanks in advance if you can help me! I've included a zip of the files rather than pasting all the code. Thanks again. |