HTML - Unwanted '</div>' Tag Showing Up On My Homepage, After Closing 'body' And 'html' Tags
For some reason, on my homepage (http://www.projectdisobey.com/disobeyclothing/) an extra '</div> <!-- content #end -->' is being created in the page source, AFTER the closing 'body' and 'html' tags.
There is no mention of '</div> <!-- content #end -->' in my 'footer.php' file, so why does this show up in the page source? Please see the attachment. If anybody could point me in the right direction as to why this might be occurring, and how I might fix it, I would be eternally grateful! Thanks! Similar TutorialsFor as long as I've been validating web pages, I never realized that the closing </head> tag was optional in HTML. I feel as if I've missed the boat at times. While I'm all for trimming excess code, I just cannot for the life of me strip out closing tags because they are optional in HTML. I'd be concerned that something, somewhere would not parse the document correctly if I removed the closing </head> element. Are my concerns unfounded? For as long as I've been validating web pages, I never realized that the closing </head> tag was optional in HTML. I feel as if I've missed the boat at times. While I'm all for trimming excess code, I just cannot for the life of me strip out closing tags because they are optional in HTML. I'd be concerned that something, somewhere would not parse the document correctly if I removed the closing </head> element. Are my concerns unfounded? For as long as I've been validating web pages, I never realized that the closing </head> tag was optional in HTML. I feel as if I've missed the boat at times. While I'm all for trimming excess code, I just cannot for the life of me strip out closing tags because they are optional in HTML. I'd be concerned that something, somewhere would not parse the document correctly if I removed the closing </head> element. Are my concerns unfounded? Hi all -- I'm having a problem. I have a series of 8 images that make up my navigation bar for the website I'm making. Each image has an <a href=" ... > </a> tag around it. I have zeroed out all of the padding/margins/borders on all of the images (in CSS and HTML). The problem I'm having is that a 2-3px padding is showing up to the left of each image, but only in Internet Explorer. Firefox and Chrome do not show the padding. To clarify, I DO NOT want the padding to be displayed. Here is my CSS: Code: <style type="text/css"> <!-- body { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #666666; margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ color: #000000; background-image: url(images/nav/blue/blue.bg.png); background-repeat: repeat; background-color: #009; } .oneColFixCtr #container { width: 1000px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ background: #FFFFFF; margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ padding: inherit border: 0px solid #000000; text-align: left; /* this overrides the text-align: center on the body element. */ padding: 0px; border: 0px; } .oneColFixCtr #mainContent { padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */ } body, td, th { color: #333; } a img { border:none; padding:0; margin:0; float:left; } a:link { color: #009; text-decoration: none; } a:visited { text-decoration: none; color: #000053; } a:hover { text-decoration: underline; color: #009; } a:active { text-decoration: none; color: #009; } --> </style> and the <img src=" ... "> code: Code: <!-- MAIN NAVIGATION BANNER --> <!--HOME--> <a href="index.php"><img src="images/nav/blue/home_select.png" alt="home" name="home" width="82" height="30" border="0" id="home" onmouseover="document.images.home.src='images/nav/blue/home_over.png'" onmouseout ="document.images.home.src='images/nav/blue/home_select.png'"/></a> <!--PROGRAMS--> <a href="programs.php"><img src="images/nav/blue/programs.png" alt="programs" name="programs" width="111" height="30" border="0" id="programs" onmouseover="document.images.programs.src='images/nav/blue/programs_over.png'" onmouseout ="document.images.programs.src='images/nav/blue/programs.png'"/></a> <!--SCHEDULE OF EVENTS--> <a href="schedule.php"><img src="images/nav/blue/scheduleofevents.png" alt="schedule of events" name="scheduleofevents" width="189" height="30" border="0" id="scheduleofevents" onmouseover="document.images.scheduleofevents.src='images/nav/blue/scheduleofevents_over.png'" onmouseout ="document.images.scheduleofevents.src='images/nav/blue/scheduleofevents.png'"/></a> <!--CONTACT US--> <a href="contact.php"><img src="images/nav/blue/contactus.png" alt="contact us" name="contactus" width="119" height="30" border="0" id="contactus" onmouseover="document.images.contactus.src='images/nav/blue/contactus_over.png'" onmouseout ="document.images.contactus.src='images/nav/blue/contactus.png'"/></a> <!--DOWNLOADS--> <a href="downloads.php"><img src="images/nav/blue/downloads.png" alt="downloads" name="downloads" width="267" height="30" border="0" id="downloads" onmouseover="document.images.downloads.src='images/nav/blue/downloads_over.png'" onmouseout ="document.images.downloads.src='images/nav/blue/downloads.png'"/></a> <!--FACEBOOK--> <a href="javascript:void(0)" onclick="window.open('http://www.facebook.com/pages/Delhi-NY/Delaware-County-Public-Health-Nursing-Service/247460644781?ref=ts')"><img src="images/nav/blue/facebook.png" alt="facebook" name="facebook" width="90" height="30" border="0" id="facebook" onmouseover="document.images.facebook.src='images/nav/blue/facebook_over.png'" onmouseout ="document.images.facebook.src='images/nav/blue/facebook.png'"/></a> <!--TWITTER--> <a href="javascript:void(0)" onclick="window.open('http://www.twitter.com/dcphns')"><img src="images/nav/blue/twitter.png" alt="twitter" name="twitter" width="67" height="30" border="0" id="twitter" onmouseover="document.images.twitter.src='images/nav/blue/twitter_over.png'" onmouseout ="document.images.twitter.src='images/nav/blue/twitter.png'"/></a> <!--BLOGGER--> <a href="javascript:void(0)" onclick="window.open('http://dcph.blogspot.com')"><img src="images/nav/blue/blogger.png" alt="blog" name="blogger" width="75" height="30" border="0" id="blogger" onmouseover="document.images.blogger.src='images/nav/blue/blogger_over.png'" onmouseout ="document.images.blogger.src='images/nav/blue/blogger.png'"/></a> I know it's a bit of a mess.. but regardless, I cannot figure out why this happens.. any ideas? Is it possible to use the onload command outside of <body> tags, or is there some other way to have the same effect? Hey guys, Just a quick question regarding the homepage of the website, does it have to be index.html? or can it be index.php for example? The reason is that i want to use SSI include scripts on the homepage, but this cannot obviously be done on a html page! Cheers Craig Barbs75 Hi all. Working on some php program, i tried to get the things tidy in my HTML code. So what I did is something like this : Code: <div id="something"> ... some php code and stuff ... </div id="something"> It seems to work, not even a warning with the firefox extension to validate HTML. So I'm wondering. Are closing tags not parsed farther than the word following the '/' ? As I have not tested it on other browsers, do you think it's safe to keep it like this ? I browsed the HTML 4.01 reference, not found a line about the way closing tags may be treated. I still think it's a very good way for me to debug/find my toes in a long HTML file, only need a regexp to have my whole <div> element, no more eye killing research counting the </div>s. But I'm afraid some browsers reject these closing tags. Any advice ? Thanks. Guillaume Hi there, thanks for reading this. I'm really frustrated! I'm trying to put this code on my website (using dreamweaver mx) and it won't show up. I tried it on MS "Notepad" and saved it as a webpage and it still won't work. When I use this website: http://www.w3schools.com/tags/tryit....tryhtml_script and paste it, it shows up in the next window fine. Why won't it show up when I try to put it into dreamweaver or notepad? Here is the code below. It's a godaddy certified domain image and link. </body> </html> <script id="siteSeal" type="text/javascript" src="//tracedseals.starfieldtech.com/siteseal/get?scriptId=siteSeal&sealId=5b7ec7f675c880fe42534850ec6cbd234898dbc6c16797a3b9517ee5a46ec314"></script> </body> </html> Any help would be awesome! I don't know who else to turn to! Thank you so much, ~Antonius Hi, I have a problem. some of my HTML text appears differently in the browsers. for e.g - I want my text to show normally like this - Hi My name is raj. BUT on the browser it is showing as Hi M Y na me is r aj. How do I get rid of the unwanted space. Pease help somebody and thanks in advance (",) Hello everyone first time poster here and this is my first website as well so bear with me. I've been designing my pages in photoshop and then adding content using div tags. It has been working well as long as i put in appropriate box height and widths in a css file. on my last page, which contains my php contact form, I'm having trouble setting the background color to match the rest and also it's not aligning correctly. Internet explorer shows the form on the left while firefox shows in centered. Any help or suggestions would be widely appreciated... heck I'll even take some criticism AZPCPLUS.COM I am still new to the web page world, but the website I originally created (in japanese) was passed on to a programmer. He did a lot of "upgrades" to the site so he says, but he left. Now I am in charge again of re-modeling the site. The problem is I am trying to figure out why there are so many dead links. I have looked up and down the server, but can't find anything. Ok before I confuse anyone else here is what I am talking about. For example this page that I originally made : Code: http://www.discoveryfirm.com/tokushu/index.html cannot be found but if I take of the end: http://www.discoveryfirm.com/tokushu/ the page is there. Now I am trying to fix a lot of dead links, but I cannot figure out what the programmer did to the site. I am still new to all the high-tech features in the web world. Could somebody please explain. i just started working on addicted2ally.com, and for some reason, my index.html is showing the text of the html instead of well, doing it lol helppp!? I've made an incredibly simple html page as an active desktop for a gpo policy, however there's been an uproar about colours so I thought I'd give it a stab to have a drop-down box to select from a range of colours for the body style tag. Any suggestions? <html> <head> <!--808080--> <title>ArchitenBG</title> <STYLE type="text/css"> body { background-color:#3A6EA5; } #div1 { position: absolute; size: 50%; bottom: 0px; right: 0px;} </STYLE> </head> <body> <div id="div1"><img src="Talbg.png" /></div> </body> </html> Hello Im new to html and css. Im creating a menu using a css using the <a> tag. when I use the <a> tag later in my code it uses the css. How do I uses the <a> tag in multiple places on the page and without using the css? Here is an example of the css code used. HTML Code: a:link,a:visited { display:block; font-weight:bold; color:#FF0; background-color:#03F; text-align:center; padding:12px; text-decoration:none; text-transform:uppercase; } a:hover,a:active { background-color:#FF0; color:#03f; } I have gone back from scratch in HTML but this time creating my own tutorial as I go along and have covered a few items before right here on this forum before and now I just can't seem to remember and understand the bleepety-bleep-bleep-BLEEP things no matter how many tutorials I read a million times on the net, so really freaking frustrating, my head is about to explode, sorry got to vent somewhere before I run amok! Ok, [I'm taking a few deep breaths here......], let me start with "linking to a location on the same page", I see the anchors Quote: <a href="#myanchor">Go to anchor</a> <a name="myanchor">My Anchor</a> Using my text here as an example, I want to use the word in the first line "gone" to link directly to the word "million" in the 5th line from the top, how do I do this please? Hello Everyone, I have just started learning html and I am facing a problem. I have wrote the following code in notepad: Code: <h3> HTML Images - The <img> Tag and the Src Attribute </h3> <p> The <img> tag is empty, which means that it contains attributes only, and has no closing tag.<b/><br/> When I open this html file in browser, text "<img>" does not display correctly. Please help me asap. Thanks! I am using the following css <style type="text/css"> #testbar{ position:absolute; background-color: transparent; width: 730px; height: 94px; visibility: hidden; z-index: 100; } </style> then some java script then Html div tag to show the id <div id="testbar"> <a>Close</a> <script src="/testjs.js"></script> </div> The <a>close</a> following the code as i give in js but the testjs.js is not following the specifications produced by that some java script i used this one working in IE but not in firefox3.5 what might be the problem? can u give the solution ________________________ I work as a product manager for a company and one of my responsibilities is to update pricing on our website and I've just recently taken to making cool tables to reference similar products on select product pages. However, with each reference in a description field, the more search results get convoluted and the harder it is to get what you are searching for the come up because our website search tool lists searches alphabetically rather than by relevance. So my question is this: are there any HTML tags that bypass the way search tools organize its listings and let the webmaster specify, "I want this product to show up first in a search." For example, one of our product numbers is P992. We sell similar products, like P993, P994, etc. and I reference P992 on each of these other product pages, but with each product I mention P992 on, that product shows up when you search for P992 on our site, as well. Most of the time the actual product that is searched for is buried somewhere in the middle, depending on where it stands alphabetically, and I can't figure out how to get it to show up at the top of the page. Anyone have any suggestions? I'd rather not spend money on a more advanced search tool and would much rather manually tell our search engine to list the actual product, P992, first and then all other products that mention P992 in their description field to be listed after that. Thanks for any help. I know that notepad is effective for using HTML tages and save notepad as [save as: name.html] and then it appears like a webpage. I don't know how to do the same with (wordpad, microsoft office word) When I add HTML tages to wordpad or microsoft office word and [save as :name.HTML] it doesn't appear as webpage, when I write an ordinary content in wordpad or microsoft office word how to open and edite the content with HTML tages |