hello ive done my site and now it has a black screen when i open it here is the live preview link for it and please help http://ta3design.com/test123/
Hi TA3, I'm not exactly sure what is the problem, but I saw some error that might cause why your site gets into black. See attached. Maybe fix it first.
The scripting is definitely your problem -- as scripting off the site's content appears. I suspect that you're attempt at using a scripting assist to shove everything on one page instead of building it as multiple pages is the cause -- there's a reason I advise AGAINST pulling those type of stupid scripting tricks; they're too fragile, they're a waste of bandwidth, they typically make the pages useless on small screen devices, and it's all out of some whackjob paranoia about 'pageloads are evil'. Could even be that you've got scripting and content AFTER </body> and </html> -- which is invalid/broken/just bad. Of course that it has HTML 5 bloat, nonsensical use of numbered heading tags, extra DIV around many elements for no good reason (like the UL which are perfectly good block level containers unto themselves), pointless use of SECTION, comments (yes, I said comments) that could actually be tripping rendering bugs in IE and FF, several MEGABYTE of images (none of which are showing up), and so many presentational classes you might as well go back to writing HTML 3.2 ... it's got issues. But then at 91k of scripting you've got 20% more js than my ideal target for a content-less page template's HTML+CSS+SCRIPTING+IMAGES COMBINED -- at at a total of 7.1 megabytes it's FIFTY times larger than the upper limit I'd usually set for an entire page WITH content. Even the markup is too big and needlessly convoluted -- 11.8k of HTML for 904 bytes of plaintext and four visible form elements is easily two or even three times what it should be. Throw it out, start over -- break it into multiple pages instead of the goofy scrolling trick (there's a reason you don't see these types of effects on anything more than goofy 'designers' personal pages), try using actually semantic markup, ease up on the use of DIV for nothing, actually use heading tags for headings with a logical document structure (instead of seeming to have just randomly chosen 'any old heading' across the page and headings around things that aren't even the start of subsections), etc, etc...
Apart from all the problems deathshadow mentioned the links to jquery are broken, try changing them from this: <script type="text/javascript" src="../../ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript" src="../../ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script> Code (markup): to this: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script> Code (markup):
If the index file is in the directory /test123 then all script, image files, style sheets must be linked so that /test123 is the root directory.
You got HTML validation errors , unclosed tags , code after </html> tag , jQuery link is broken . Move "Analytics Code" inside <body> tags , try to make the rest of code valid (http://validator.w3.org/) and probably will work.
It works if he would just fix the jquery links like i posted above, i have tried it..however he can't be that serious about it as he hasn't bothered