my site home page have many codes and there are many mistakes in writing Html codes i just hope if i find the help to fix the bad codes <!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> <link rel="shortcut icon" href="http://www.my site.com/favicon.ico" type="image/icon"/> <link rel="icon" href="http://www.my site.com/favicon.ico" type="image/icon"/> <span style="color: rgb(255, 255, 255);">QEPfskF7d1GpowMmA9j24CirMKg</span> <meta name="google-site-verification" content="7WtEPCCcdcQ5GhN413wrLX-tTzfa0LwWFm-BTCUK0Mk" /> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-37108182-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> {headers} <link rel="stylesheet" href="{THEME}/css/style.css" type="text/css" /> <!--[if lte IE 7]> <link rel="stylesheet" href="{THEME}/css/style-ie.css" type="text/css" /> <![endif]--> <!--[if IE 8]> <link rel="stylesheet" href="{THEME}/css/style-ie8.css" type="text/css" /> <![endif]--> <script type="text/javascript" src="{THEME}/js/shareTT.js"></script> <script type="text/javascript" src="{THEME}/js/active.js"></script> <script type="text/javascript"> (function(jq) { jq.autoScroll = function(ops) { ops = ops || {}; ops.styleClass = ops.styleClass || 'scroll-to-top-button'; var t = jq('<div class="'+ops.styleClass+'"></div>'), d = jq(ops.target || document); jq(ops.container || 'body').append(t); t.css({ opacity: 0, position: 'absolute', top: 0, right: 0 }).click(function() { jq('html,body').animate({ scrollTop: 0 }, ops.scrollDuration || 1000); }); $(window).scroll(function(){ var sv = d.scrollTop(); if (sv < 10) { t.clearQueue().fadeOut(ops.hideDuration || 200); return; } t.css('display', '').clearQueue().animate({ top: sv, opacity: 0.8 }, ops.showDuration || 500); }); }; })(jQuery); $(document).ready(function(){ $.autoScroll({ scrollDuration: 2000, showDuration: 600, hideDuration: 300 }); });</script> <script type="text/javascript" src="/jshare/jshare.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $().jshare({ jsharedir : '/jshare/', // jshare files directory iconsdir : '/jshare/images/icons/', // jshare files directory }); }); </script> </head> <body> {AJAX} <div class="main-center-block"> <div class="head-block"> <a href="/" class="logo"></a> <div style="clear: both;height: 94px;"></div> <div class="top-menu"> <a href="/" class="top-menu-link">Home</a> <a rel="nofollow" href="/index.php?do=addnews" class="top-menu-link">Add Post</a> <a rel="nofollow" href="/index.php?do=register" class="top-menu-link">Register</a> <a rel="nofollow" href="/index.php?do=feedback" class="top-menu-link">Contact</a> <a rel="nofollow" href="http://pingomatic.com/ping/?title=my site.com&blogurl=http%3A%2F%2Fwww.EgyaGe.com&rssurl=http%3A%2F%2Fwww.EgyaGe.com%2Frss.xml&chk_weblogscom=on&chk_blogs=on&chk_feedburner=on&chk_newsgator=on&chk_myyahoo=on&chk_pubsubcom=on&chk_blogdigger=on&chk_weblogalot=on&chk_newsisfree=on&chk_topicexchange=on&chk_google=on&chk_tailrank=on&chk_skygrid=on&chk_collecta=on&chk_superfeedr=on&chk_audioweblogs=on&chk_rubhub=on&chk_a2b=on&chk_blogshares=on" class="top-menu-link">Ping</a> <a rel="nofollow" href="/dmca.html" class="top-menu-link">DMCA Policy</a> <div style="clear: both;"></div> </div> <div class="search-block"> <form method="post" action='' style="margin: 0;padding: 0;"> <form method="post" action="" style="margin: 0;padding: 0;"> <input name="do" value="search" type="hidden"/><input name="subaction" value="search" type="hidden"/> <input autocomplete="off" name="story" class="form-text" id="story" value="" onblur="if(this.value=='') this.value='';" onfocus="if(this.value=='') this.value='';" title="" type="text"/> <input src="/templates/Default/images/search.png" value="Search!" class="form-search" alt="Search!" type="image" border="0"> </form> </div> </div> <div class="content-block"> <div class="big-poster"></div> <div class="left-col"> {info} <div align="center"><img border="0" style="margin:0px;" alt="" src="{THEME}/images/e.jpg" /></div><br/> <div align="center"><img border="0" style="margin:0px;" alt="" src="{THEME}/images/dd.png" /></div><br/> <center><div class="selectArea"> <label for="searchOrder"><h3><span style="text-shadow: 2px 8px 6px rgba(0, 0, 0, 0.2), 0px -5px 35px rgba(255, 255, 255, 0.3); font-weight: bold; font-family: Actor; color: rgb(239, 0, 27);">Choose category:</span></h3> <select name="search_order_u" id="searchOrder" onchange="location.href=this.options[this.selectedIndex].value" > <option selected="selected">----</option> <option value="/software/">Applications</option> <option value="/movies/">Movies</option> <option value="/music/">Music</option> <option value="/games/">Games</option> <option value="/graphics/">Graphics</option> <option value="/photoshop/">Photoshop</option> <option value="/documentaries/">Documentaries</option> </select><center/><br/></div> {content} <div style="clear: both;"></div> </div> <div class="right-col"> [aviable=showfull]<div style="height: 25px;"></div>[/aviable] <div class="right-block"> <a href="/" title="Home"><img border="0" style="margin: 0px; border: medium none;" alt="Home" src="{THEME}/images/home.png" /></a> <p><a class="medium awesome"><b>Main Menu</b></a></p> <div class="right-block-content"> <div class="right-menu"> <a headerindex="4h"class="sublink opened" title="Photos Menu">→ <strong>PHOTOS</strong></a> </div> <ul type="circle"> <li><a href="/3d/">3D</a></li> <li><a href="/wallpapers/">Wallpapers</a></li> <li><a href="/hdwallpapers/">HD Wallpapers</a></li> <li><a href="/computers/">Computers</a></li> <li><a href="/anime/">Anime/Animated</a></li> <li><a href="/nature/">Nature</a></li> <li><a href="/animals/">Animals</a></li> <li><a href="/fashion/">Fashion</a></li> <li><a href="/artimages/">Art Images</a></li> <li><a href="/wwe/">WWE</a></li> <li><a href="/cars/">Cars</a></li> <li><a href="/motorcycles/">Motorcycles</a></li> <li><a href="/food/">Food</a></li> <li><a href="/islamic/">Islamic</a></li> <li><a href="/mobile/">Mobile</a></li> <li><a href="/facebookcovers/">Facebook Covers</a></li> <li><a href="/other/">Other</a></li></ul> <ul type="disc"> <li><a href="/ebooks/"><b>E-Books</b></a></li> <li><a href="/videotraining/"><b>Video Training</b></a></li> <li><a href="/magazines/"><b>Magazines</b></a></li> <li><a href="/newspapers/"><b>Newspapers</b></a></li> </ul> <div class="right-menu"> <a headerindex="4h" href="/software" style="text-shadow: 0px 2px 3px rgb(102, 102, 102);" class="sublink opened" title="Software Cat">→ <strong>Applications</strong></a></div> <div style="color: rgb(24, 130, 237);" "display: block;" contentindex="7c"> <ul> <li><a href="/software/windows/"><b>Windows</b></a></li> <li><a href="/software/mac/"><b>Mac</b></a></li> <li><a href="/software/android/"><b>Android</b></a></li> <li><a href="/software/ios/"><b>iOS‎</b></a></li> </ul> </div> <div class="right-menu"> <a headerindex="4h" href="/movies" style="text-shadow: 0px 2px 3px rgb(102, 102, 102);" class="sublink opened" title="Movies Cat">→ <strong>Movies</strong></a></div> <div style="color: rgb(175, 139, 104);" "display: block;" contentindex="7c"> <ul> <li><a href="/movies/1080p/"><b>1080p</b></a></li> <li><a href="/movies/720p/"><b>720p</b></a></li> <li><a href="/movies/bdrip/"><b>BDRip</b></a></li> <li><a href="/movies/hdrip/"><b>HDRip</b></a></li> <li><a href="/movies/3d-movies/"><b>3D</b></a></li> <li><a href="/movies/dvdrip/"><b>DVDrip</b></a></li> <li><a href="/movies/dvdscr/"><b>DVDSCR</b></a></li> <li><a href="/movies/r5/"><b>R5</b></a></li> <li><a href="/movies/ts/"><b>TS</b></a></li> <li><a href="/movies/cam/"><b>Cam‎</b></a></li> </ul> </div> <div class="right-menu"> <a headerindex="4h" href="/music" style="text-shadow: 0px 2px 3px rgb(102, 102, 102);" class="sublink opened" title="Music Cat">→ <strong>Music</strong></a></div> <div style="color: rgb(227, 1, 237);" "display: block;" contentindex="7c"> <ul> <li><a href="/music/album/"><b>Album</b></a></li> <li><a href="/music/music-videos/"><b>Music Videos</b></a></li> <li><a href="/music/itunes/"><b>iTunes‎</b></a></li> </ul> </div> <div class="right-menu"> <a headerindex="4h" href="/games" style="text-shadow: 0px 2px 3px rgb(102, 102, 102);" class="sublink opened" title="Games Cat">→ <strong>Games</strong></a></div> <div style="color: rgb(245, 172, 99);" "display: block;" contentindex="7c"> <ul> <li><a href="/games/pc/"><b>PC</b></a></li> <li><a href="/games/mac-games/"><b>Mac</b></a></li> <li><a href="/games/ps3/"><b>PS3</b></a></li> <li><a href="/games/psp/"><b>PSP‎</b></a></li> <li><a href="/games/wii/"><b>Wii</b></a></li> <li><a href="/games/xbox360/"><b>XBOX360</b></a></li> <li><a href="/games/android-games/"><b>Android</b></a></li> <li><a href="/games/ios-games/"><b>iOS‎</b></a></li> </ul> </div> <div class="right-menu"> <a headerindex="4h" href="/documentaries " style="text-shadow: 0px 2px 3px rgb(102, 102, 102);" class="sublink opened" title="Documentaries Cat">→ <strong>Documentaries</strong></a></div> <div style="color: rgb(237, 237, 0);" "display: block;" contentindex="7c"> <ul> <li><a href="/documentaries/nationalgeographic/"><b>Nat Geo</b></a></li> <li><a href="/documentaries/adnationalgeographic/"><b>AD Nat Geo</b></a></li> <li><a href="/documentaries/aljazeeradoc/"><b>JSC Documentary‎</b></a></li> </ul> </div> <div class="right-menu"> <a headerindex="4h" href="/graphics " style="text-shadow: 0px 2px 3px rgb(102, 102, 102);" class="sublink opened" title="Graphics Menu">→ <strong>Graphics</strong></a></div> <div style="color: rgb(150, 205, 150);" "display: block;" contentindex="7c"> <ul> <li><a href="/graphics/icons/"><b>Icons</b></a></li> <li><a href="/graphics/png/"><b>PNG</b></a></li> <li><a href="/graphics/psd/"><b>PSD</b></a></li> <li><a href="/graphics/fonts/"><b>Fonts</b></a></li> <li><a href="/graphics/vectors/"><b>Vectors</b></a></li> <li><a href="/graphics/gfxplugins/"><b>Plugins</b></a></li> <li><a href="/graphics/3dmodels/"><b>3D Models</b></a></li> </ul> </div> <div class="right-menu"> <a headerindex="4h" href="/photoshop" style="text-shadow: 0px 2px 3px rgb(102, 102, 102);" class="sublink opened" title="Photoshop Cat">→ <strong>Photoshop</strong></a></div> <div style="color: rgb(239, 0, 27);" "display: block;" contentindex="7c"> <ul> <li><a href="/photoshop/actions/"><b>Actions , Pattern PAT</b></a></li> <li><a href="/photoshop/plugins/"><b>Plugins</b></a></li> <li><a href="/photoshop/styles/"><b>Styles</b></a></li> <li><a href="/photoshop/brushes/"><b>Brushes</b></a></li> <li><a href="/photoshop/stockimage/"><b>Stock Image</b></a></li> <li><a href="/photoshop/frames/"><b>Frames</b></a></li> </ul> </div> </div> </div> <div class="right-block"> <h3>Registration</h3> <div class="right-block-content"> [group=5] <form method="post" name="registration" id="registration" action="?do=register"> Username: <input type="text" name="name" id='name' style="width:108; height:21" class="f_input" /> <input style="height:18px; font-family:tahoma; font-size:11px; border:1px solid #DFDFDF; background: #FFFFFF" title="Assurez-vous que ce pseudo n'est pas utiliser" onclick="CheckLogin(); return false;" type="button" value="Check name" /><div id='result-registration'></div> Password: <input type="password" name="password1" class="f_input" /> Repeat password: <input type="password" name="password2" class="f_input" /> Mail: <input type="text" name="email" class="f_input" /> <img src="/engine/modules/antibot.php" alt="egyage.com" border="0"/><br/> Enter Code: <input type="text" name="sec_code" style="width:115px" class="f_input" /> <input type="submit" style="width:80px; height:20px" name="submit" alt="Submit" value="Submit" /> <input name="submit_reg" type="hidden" id="submit_reg" value="submit_reg"/> </form> [/group] </div></div></div> <div id="facebook_right" style="border: 0px solid #3C95D9;position: fixed;right: -200px;width: auto;z-index: 10005;top: 15%; right:0px;"> <a rel="nofollow" href="http://www.facebook.com/pages/my site/258059087657270" target="_blank"> <img src="{THEME}/images/floatingfb.png" style="border:0px;" alt="facebook" /></a><br/> </div></div></div></div> </div> <!--footer began--> <div class="main-center-block"> <div class="footer-block"></div> <div style="clear: both;"></div> <div style="clear: both;height: 0px;"></div> <div class="footer-box"> <h3>Archive</h3> <div class="footer-box-content"> {archives} </div></div> <div class="footer-box"> <h3>Last news</h3> <div class="footer-box-content"> {inform_my site} </div></div> <div class="footer-box"> <h3>Login</h3> <div class="footer-box-content"> [not-group=5]<h2>Control Panel:</h2>[/not-group] [group=5] <h4></h4> [/group] {login} </div> </div></div></div> <span> <!--/footer End--> <div class="main-center-block"> <div class="footer-block"> <div align="center">Copyright © 2012 my site.COM</div><br/> <div align="center">If the copyright of any wallpaper belongs to you, <b><a rel="nofollow" href="/index.php?do=feedback">contact us</a> </b>and we'll remove it.<b><br /> </b></div><br/> </div> </div> <!--Social Network--> <a rel="nofollow" href="/rss.xml"><img src="{THEME}/images/icon-rss.png" alt="RSS"/></a> <a rel="nofollow" href="http://twitter.com/my site"><img src="{THEME}/images/icon-twitter.png" alt="Twitter"/></a> <a rel="nofollow" href="http://www.facebook.com/pages/my site/258059087657270"><img src="{THEME}/images/icon-facebook.png" alt="Facebook"/></a><br/> <!--/Social Network--> <!--LiveInternet counter--><script type="text/javascript"><!-- document.write("<a href='http://www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='LiveInternet' "+ "border='0' width='31' height='31'><\/a>") //--></script><!--/LiveInternet--> <!--[if IE 6]> <a href="http://www.microsoft.com/rus/windows/internet-explorer/worldwide-sites.aspx" class="alert"></a> <![endif]--> </body> </html> Code (markup):
If it were the only error, it would really be great. Not only inline styles, you also have a lot of unescaped & characters, incorrect use of headings, giving emphasis to elements that don't need any, like <a href="#"><b>contact us</b></a>. You have a SPAN between the head tags, you don't always self-close the empty tags, and so on. Please post your website link. I'll help you rewrite it all.
To be frank, it needs to be thrown out and started over from scratch -- it was NOT built with semantic markup, to be frank it was built almost entirely with 1990's methodologies. I also don't know what 'templating system' or CMS that is built around, but it looks like something I'd also highly suggest pitching in the trash.... Though to be fair I HATE templating systems; PHP already EXISTS TO BE a templating system, Whiskey Tango Foxtrot do you need some other system running on top of that for?!? (admittedly, I say the same thing about PHP frameworks, Javascript frameworks, CSS frameworks... you get the idea) But, well... let's just start from BODY (I won't even get into what's wrong above that right now). Just this part of the code: <div class="main-center-block"> <div class="head-block"> <a href="/" class="logo"></a> <div style="clear: both;height: 94px;"></div> <div class="top-menu"> <a href="/" class="top-menu-link">Home</a> <a rel="nofollow" href="/index.php?do=addnews" class="top-menu-link">Add Post</a> <a rel="nofollow" href="/index.php?do=register" class="top-menu-link">Register</a> <a rel="nofollow" href="/index.php?do=feedback" class="top-menu-link">Contact</a> <a rel="nofollow" href="http://pingomatic.com/ping/?title=EgyaGe.com&blogurl=http%3A%2F%2Fwww.EgyaGe.com&rssurl=http%3A%2F%2Fwww.EgyaGe.com%2Frss.xml&chk_weblogscom=on&chk_blogs=on&chk_feedburner=on&chk_newsgator=on&chk_myyahoo=on&chk_pubsubcom=on&chk_blogdigger=on&chk_weblogalot=on&chk_newsisfree=on&chk_topicexchange=on&chk_google=on&chk_tailrank=on&chk_skygrid=on&chk_collecta=on&chk_superfeedr=on&chk_audioweblogs=on&chk_rubhub=on&chk_a2b=on&chk_blogshares=on" class="top-menu-link">Ping</a> <a rel="nofollow" href="/dmca.html" class="top-menu-link">DMCA Policy</a> <div style="clear: both;"></div> </div> <div class="search-block"> <form method="post" action='' style="margin: 0;padding: 0;"> <form method="post" action="" style="margin: 0;padding: 0;"> <input name="do" value="search" type="hidden"/><input name="subaction" value="search" type="hidden"/> <input autocomplete="off" name="story" class="form-text" id="story" value="" onblur="if(this.value=='') this.value='';" onfocus="if(this.value=='') this.value='';" title="" type="text"/> <input src="/templates/Default/images/search.png" value="Search!" class="form-search" alt="Search!" type="image" border="0"> </form> </div> </div> Code (markup): Non-semantic logo placement with no images off graceful degredation, clearing DIV like it's 2001, spacer DIV doing margin and/or padding's job, no semantic tags to say what those anchors even are, nofollow on elements I would think from an SEO standpoint you'd want followed, two form tags for no reason, a HREF so large I'd put a bullet in my head if I had that on one of my pages. (but then I'm NOT a fan of that whole 'pingback' nonsense), attributes like BORDER that have no place on any page written after 1997, multiple wrapping div for no good reason, and a incomplete/inaccessible form with no labels. Having seen how your original page renders, if I had written that exact same page (which I wouldn't have given it's a fixed width fixed font-size mess) the code would simply have been: <div id="pageWrapper"> <h1> SiteTitle <span><!-- image replacement --></span> </h1> <form method="post" action="" id="topSearch"> <fieldset> <label for="topSearchTerms">Search</label> <input type="text" name="terms" id="topSearchTerms" /> <input type="image" src="images/searchGlass.png" alt="Search" /> </fieldset> </form> <ul id="mainMenu"> <li><a href="/">Home</a></li> <li><a href="/index.php?do=addnews">Add Post</a></li> <li><a href="/index.php?do=register">Register</a></li> <li><a href="/index.php?do=feedback">Contact</a></li> <li><a href="/dmca.html">DMCA Policy</a></li> </ul> Code (markup): Though this would take radically, RADICALLY different CSS than you are using. That's 1.7k of markup vs. 689 bytes. ... and that's just one small section, not even touching on all the javascript for nothing, gee ain't it neat animated crap that just gets in the way, addressing the inaccessible fixed width layout and worse, the inaccessible px metric fonts on just about everything... There's even things that just make no sense, like this: <span style="color: rgb(255, 255, 255);">QEPfskF7d1GpowMmA9j24CirMKg</span> Code (markup): in the HEAD. Being a render element you can't put SPAN in head. It also has a STYLE tag in BODY, style can't go there.... I mean there's IE conditionals for nothing, that X-UA compatible nonsense acting as a crutch to try and keep this 1997 codebase working, jquery garbage pissing all over the page load times for god only knows what on such a simple site, pointless tracking scripts, classes for nothing... It's 19k of markup BEFORE the content is added for something that to be frank has less than 1k of plaintext and no content images! That's anywhere from three to five times as much code as should have been used. As I told you via PM, it really needs to be thrown out completely and started over from scratch, as there's nothing I'd even TRY to salvage from that. Every now and then I do a free rewrite of just the markup and CSS -- I've got a whole directory full of them -- if you feel it's worth something to you and feel like donating, knock yourself out -- if not, no problem... I'll put it on my to-do list for tomorrow (since I'm snowed in and gonna be flat on my back in bed anyways -- long story) to do a full rewrite of your home page -- integrating it into whatever software it is you are using is going to be up to you or you'll need to find someone to handle that, but I can give you a jump-start on doing the HTML and CSS the 'proper' way -- though there WILL be some stylistic changes to deal with the fact that I WILL open it up semi-fluid, dynamic fonts and add responsive layout to it. As it is I might post up the full markup rewrite today since as a rule of thumb I write 95% or so of the HTML before I even THINK about layout -- since that's how sites SHOULD be built. Semantic markup of the content (or a reasonable facsimile), bent to your will creating and designing the layouts with CSS, and then tacking any desired extra visual effects/images or scripting on as an afterthought... and with CSS3, the need for that is less and less common.