HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
1st website would appreciate critiquing and advice!
Post new topic   Reply to topic    HTML Help Forum Index -> Website Review
View previous topic :: View next topic  
Author Message
Trini



Joined: 12 Sep 2009
Posts: 4

PostPosted: Sat Sep 12, 2009 9:56 am     1st website would appreciate critiquing and advice! Reply with quote

Hi my website is and Im having problems with viewing on a site larger than 1024x768 without the background duplicating any sugestions on how to improve it are welcome. Thank you in advanced.

Last edited by Trini on Thu Sep 24, 2009 11:09 am; edited 1 time in total
PayneLess Designs



Joined: 28 Feb 2007
Posts: 3593
Location: Biloxi, MS

PostPosted: Tue Sep 15, 2009 11:36 am     Reply with quote

Correcting all the coding errors will help immensely:

CSS Errors (25)

HTML Errors (54 errors, 21 warnings)

No doctype puts all browsers into Quirks Mode guarateeing that your pages are not cross-browser compatible.

HTML Tidy flagged these:
Quote:
Result: 0 errors / 63 warnings

line 3 column 1 - Warning: missing <!DOCTYPE> declaration
line 22 column 139 - Warning: '<' + '/' + letter not allowed here
line 22 column 166 - Warning: '<' + '/' + letter not allowed here
line 24 column 135 - Warning: '<' + '/' + letter not allowed here
line 52 column 11 - Warning: <script> isn't allowed in <table> elements
line 40 column 102 - Info: <table> previously mentioned
line 55 column 13 - Warning: <script> isn't allowed in <tr> elements
line 53 column 11 - Info: <tr> previously mentioned
line 61 column 13 - Warning: <script> isn't allowed in <tr> elements
line 57 column 11 - Info: <tr> previously mentioned
line 68 column 116 - Warning: <style> isn't allowed in <td> elements
line 68 column 13 - Info: <td> previously mentioned
line 92 column 250 - Warning: <img> attribute name "/" (value="/") is invalid
line 94 column 233 - Warning: <img> attribute name "/" (value="/") is invalid
line 95 column 232 - Warning: <img> attribute name "/" (value="/") is invalid
line 97 column 232 - Warning: <img> attribute name "/" (value="/") is invalid
line 99 column 234 - Warning: <img> attribute name "/" (value="/") is invalid
line 101 column 237 - Warning: <img> attribute name "/" (value="/") is invalid
line 108 column 13 - Warning: <script> isn't allowed in <tr> elements
line 63 column 11 - Info: <tr> previously mentioned
line 114 column 13 - Warning: <script> isn't allowed in <tr> elements
line 110 column 11 - Info: <tr> previously mentioned
line 121 column 13 - Warning: <script> isn't allowed in <tr> elements
line 116 column 11 - Info: <tr> previously mentioned
line 129 column 13 - Warning: <script> isn't allowed in <tr> elements
line 123 column 11 - Info: <tr> previously mentioned
line 135 column 13 - Warning: <script> isn't allowed in <tr> elements
line 131 column 11 - Info: <tr> previously mentioned
line 140 column 13 - Warning: <script> isn't allowed in <tr> elements
line 137 column 11 - Info: <tr> previously mentioned
line 144 column 13 - Warning: <script> isn't allowed in <tr> elements
line 142 column 11 - Info: <tr> previously mentioned
line 146 column 11 - Warning: <script> isn't allowed in <table> elements
line 40 column 102 - Info: <table> previously mentioned
line 27 column 3 - Warning: content occurs after end of body
line 27 column 3 - Warning: content occurs after end of body
line 27 column 3 - Warning: content occurs after end of body
line 68 column 116 - Warning: <style> inserting "type" attribute
line 27 column 3 - Warning: <body> proprietary attribute "topmargin"
line 27 column 3 - Warning: <body> proprietary attribute "leftmargin"
line 37 column 277 - Warning: <br> proprietary attribute "soft"
line 37 column 367 - Warning: <br> proprietary attribute "soft"
line 37 column 451 - Warning: <br> proprietary attribute "soft"
line 37 column 527 - Warning: <br> proprietary attribute "soft"
line 37 column 612 - Warning: <br> proprietary attribute "soft"
line 37 column 698 - Warning: <br> proprietary attribute "soft"
line 38 column 331 - Warning: <br> proprietary attribute "soft"
line 39 column 239 - Warning: <table> proprietary attribute "height"
line 52 column 11 - Warning: <script> inserting "type" attribute
line 55 column 13 - Warning: <script> inserting "type" attribute
line 61 column 13 - Warning: <script> inserting "type" attribute
line 108 column 13 - Warning: <script> inserting "type" attribute
line 114 column 13 - Warning: <script> inserting "type" attribute
line 121 column 13 - Warning: <script> inserting "type" attribute
line 129 column 13 - Warning: <script> inserting "type" attribute
line 135 column 13 - Warning: <script> inserting "type" attribute
line 140 column 13 - Warning: <script> inserting "type" attribute
line 144 column 13 - Warning: <script> inserting "type" attribute
line 146 column 11 - Warning: <script> inserting "type" attribute
line 40 column 102 - Warning: <table> proprietary attribute "height"
line 59 column 541 - Warning: <br> proprietary attribute "soft"
line 65 column 206 - Warning: <br> proprietary attribute "soft"
line 92 column 250 - Warning: <img> proprietary attribute value "absbottom"
line 94 column 233 - Warning: <img> proprietary attribute value "absbottom"
line 95 column 232 - Warning: <img> proprietary attribute value "absbottom"
line 97 column 232 - Warning: <img> proprietary attribute value "absbottom"
line 99 column 234 - Warning: <img> proprietary attribute value "absbottom"
line 101 column 237 - Warning: <img> proprietary attribute value "absbottom"
line 118 column 272 - Warning: <br> proprietary attribute "soft"
line 125 column 200 - Warning: <br> proprietary attribute "soft"
line 161 column 103 - Warning: <script> inserting "type" attribute
line 161 column 230 - Warning: <script> inserting "type" attribute
line 59 column 307 - Warning: trimming empty <span>
line 59 column 292 - Warning: trimming empty <font>
line 59 column 289 - Warning: trimming empty <b>
Trini



Joined: 12 Sep 2009
Posts: 4

PostPosted: Tue Sep 22, 2009 12:47 am     Reply with quote

Thanks Payneless............. I have no clue how to go about correcting these errors.....any words of advice on where to start or how to...thanks alot...
PayneLess Designs



Joined: 28 Feb 2007
Posts: 3593
Location: Biloxi, MS

PostPosted: Tue Sep 22, 2009 9:27 am     Reply with quote

1) Warning: '<' + '/' + letter not allowed here

This is being flagged because the closing tags need to be delimited by adding "\" on each HTML closing tag used. Example:

Code:
document.write('<tr>'); for (var i = 0; i < cols; i++) { document.write('<td>[color=darkred]<\/td>[/color]');


2)a.) Warning: <script> isn't allowed in <table> elements
b.) Warning: <script> isn't allowed in <tr> elements

Not sure about these since there are some missing table tags or tags not closed. Correcting the tags may clear up these being flagged. May be related to these:

Info: <tr> previously mentioned
Info: <td> previously mentioned

3) Warning: <img> attribute name "/" (value="/") is invalid

You have code like this in the image tags: " WIDTH="24" /="/" " . Just remove it up to the quote mark.

4) Warning: content occurs after end of body

This one you can do nothing about unless you get a better hosting provider. Their server is writing code to your pages.

5) Warning: <body> proprietary attribute "topmargin"
Warning: <body> proprietary attribute "leftmargin"

All those attributes inside the body tag should be moved to either an external CSS file or to the style tags placed between the head tags using the correct CSS properties. The link tags should be set in CSS, too. You may not know it, but a link has four different states that it can be in. CSS allows you to customize each state. Please refer to the following keywords that each correspond to one specific state:

* link - this is a link that has not been used, nor is a mouse pointer hovering over it
* visited - this is a link that has been used before, but has no mouse on it
* hover - this is a link currently has a mouse pointer hovering over it/on it
* active - this is a link that is in the process of being clicked

They should be in this order:

Code:
a:link {color: #009900;}
a:visited {color: #999999;}
a:hover {color: #333333;}
a:focus {color: #333333;}
a:active {color: #009900;}
Additional styling can be used as needed.

6) Warning: <br> proprietary attribute "soft"

Just use a regular break tag with no "soft" in it.

7) Warning: <style> inserting "type" attribute

Need to use: <style type="text/css"> ... </style>. There is one from Google which has the style tags in the table tags. Not allowed.

8 ) Warning: <table> proprietary attribute "height"

"height" is not an attribute of the table tag. Move to CSS.

9) Warning: <script> inserting "type" attribute

All these just require this be added to them: type="text/javascript

10) Warning: <img> proprietary attribute value "absbottom"

The value used in the attribute is a proprietary one from Netscape or Internet Explorer. Just move to CSS for images needing it and use: vertical-align: bottom;

11) Warning: trimming empty <span>
Warning: trimming empty <font>
Warning: trimming empty <b>

Just means these tags are present with nothing in between them. Not allowed.

Your pages do not have a proper HTML 4.01 document type. Puts browsers into Quirks Mode.

I think if you attack the ones you recognize, it will help immensely.

Which image are you having repeat as I see the "background" image home2.jpg put in with a regular image tag and not as a background image using CSS. Just what is repeating on a large size browser window? I also do not see any page size set for the page.


Last edited by PayneLess Designs on Thu Sep 24, 2009 7:44 am; edited 3 times in total
Trini



Joined: 12 Sep 2009
Posts: 4

PostPosted: Thu Sep 24, 2009 12:41 am     Reply with quote

i used yahoo sitebuilder to create the site I do not know html..... i guess i am a lost cause with that huh...but thank you for your help...how do you create css out of the html?? Im lost!!!
PayneLess Designs



Joined: 28 Feb 2007
Posts: 3593
Location: Biloxi, MS

PostPosted: Thu Sep 24, 2009 7:45 am     Reply with quote

Tableless Web Design: http://en.wikipedia.org/wiki/Tableless_web_design

CSS Tutorials:

http://www.w3schools.com/Css/default.asp
http://www.csstutorial.net/
http://www.echoecho.com/css.htm
http://www.html.net/tutorials/css/
http://www.w3.org/Style/Examples/011/firstcss

http://htmldog.com/guides/cssbeginner/
http://www.davesite.com/webstation/css/
http://www.htmlcodetutorial.com/character_famsupp_193.html

Images, Tables, and Mysterious Gaps: https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps

How to Make a Webpage:

Full Web Building Tutorials: http://www.w3schools.com/
Beginner's HTML Tutorial: http://www.htmlbasix.com/
How to Create a Webpage: http://www.make-a-web-site.com/
So You Want To Set Up Your First Site, Huh?: http://www.htmlgoodies.com/tutorials/getting_started/article.php/3479561
http://www.w3schools.com/site/default.asp

How to Start / Create Your Own Website: The Beginner's A-Z Guide: http://www.thesitewizard.com/gettingstarted/startwebsite.shtml
So, you want to make a Web Page!: http://www.pagetutor.com/html_tutor/index.html
Getting started with HTML: http://www.w3.org/MarkUp/Guide/
Creating your first website – Part 1: Setting up your site and project files (Adobe CS3/4): http://www.adobe.com/devnet/dreamweaver/articles/first_cs4_website_pt1.html

HTHs,
Trini



Joined: 12 Sep 2009
Posts: 4

PostPosted: Thu Sep 24, 2009 11:05 am     Reply with quote

Thanks alot!! Itss been greatly appreciated..
PayneLess Designs



Joined: 28 Feb 2007
Posts: 3593
Location: Biloxi, MS

PostPosted: Thu Sep 24, 2009 11:30 am     Reply with quote

You're very welcome.
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> Website Review All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 

 
DARFUR
HOSTING / DESIGN
MAKE MONEY

Home
  |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial