I taught myself enough html to make my own website but now I want it to look a little more professional. I started out using earthlink's "click-n-build"(which sucks,btw) to make the origional setup and as I learned, I cut and pasted the code to add more pictures and stuff. Now my problem is making everything centered properly and making it all fit in a 1024x768 screen, in width. Take a look at the first page of my site: <br />
<!-- w --><a class="postlink" href="http://www.home.earthlink.net/~orvacian">www.home.earthlink.net/~orvacian</a><!-- w --> <br />
See how the pictures are all off center and some are larger then others? It is too wide so you get a scroll bar on the bottom. My site gets more traffic then I expected, about 250-300 unique hits a week. I don't make any money from it but I still want it to look nice. <br />
I know this is a very broad question but any advice is welcome and appreciated. Thank you!<!--content-->Hmmmm.... well first off you forgot to close a table tag <br />
<br />
<table border=0 cellpadding=10 cellspacing=0 width=600 align=center><br />
<tr><br />
<td width="40" valign="top" align="center"><br />
<img SRC=http://www.htmlforums.com/archive/index.php/"/clicknbuild/images/common/trans.gif" WIDTH="40" BORDER="0"></td><br />
<br />
<td ALIGN=center VALIGN=middle><br />
<img src=http://www.htmlforums.com/archive/index.php/"_images/gof10A99.jpg" alt="AARON'S TOYOTA WEBSITE" width=600 height=40><br />
</td><br />
</tr><br />
</table><br />
<br />
<table border=0 cellpadding=10 cellspacing=0 width=600 align=center><br />
<tr><br />
<td> </td><br />
....<br />
<br />
Try to fix that... also... there are alot of </td> and next line <table...> A big nono... Make sure all tags are nested. Fixing that might help your layout.<br />
<br />
Using a with of 100% will strech your page to whatever the end user is using as resolution.<br />
<br />
Also... you might wanna check <!-- m --><a class="postlink" href="http://www.w3schools.com">http://www.w3schools.com</a><!-- m -->!
<!--content-->Before you even consider making any changes to the design, you have to fix up the [115 errors (<!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.home.earthlink.net%2F%7Eorvacian%2F&doctype=HTML+4.01+Transitional&charset=iso-8859-1+%28Western+Europe%29&ss=1&outline=1&sp=1">http://validator.w3.org/check?uri=http% ... ine=1&sp=1</a><!-- m -->)] in the code; some of which are causing strange effects in various browsers. Nesting errors in code mean that the browser will do what it thinks it thought you meant, which may not always be the same as what you actually intended.<br />
<br />
<br />
All the problems are easily fixed, and the solutions to all have been mentioned dozens, actually hundreds, of times in the last few months. They are the same basic errors that nearly everyone makes when starting out.<!--content-->Thank you for that, I see what you mean about nesting. <br />
115 errors :O@ At least I can make html errors correctly, no wonder it looks terrible.
I will do a little more homework and have a go at fixing it. Thanks again!<!--content-->
<!-- w --><a class="postlink" href="http://www.home.earthlink.net/~orvacian">www.home.earthlink.net/~orvacian</a><!-- w --> <br />
See how the pictures are all off center and some are larger then others? It is too wide so you get a scroll bar on the bottom. My site gets more traffic then I expected, about 250-300 unique hits a week. I don't make any money from it but I still want it to look nice. <br />
I know this is a very broad question but any advice is welcome and appreciated. Thank you!<!--content-->Hmmmm.... well first off you forgot to close a table tag <br />
<br />
<table border=0 cellpadding=10 cellspacing=0 width=600 align=center><br />
<tr><br />
<td width="40" valign="top" align="center"><br />
<img SRC=http://www.htmlforums.com/archive/index.php/"/clicknbuild/images/common/trans.gif" WIDTH="40" BORDER="0"></td><br />
<br />
<td ALIGN=center VALIGN=middle><br />
<img src=http://www.htmlforums.com/archive/index.php/"_images/gof10A99.jpg" alt="AARON'S TOYOTA WEBSITE" width=600 height=40><br />
</td><br />
</tr><br />
</table><br />
<br />
<table border=0 cellpadding=10 cellspacing=0 width=600 align=center><br />
<tr><br />
<td> </td><br />
....<br />
<br />
Try to fix that... also... there are alot of </td> and next line <table...> A big nono... Make sure all tags are nested. Fixing that might help your layout.<br />
<br />
Using a with of 100% will strech your page to whatever the end user is using as resolution.<br />
<br />
Also... you might wanna check <!-- m --><a class="postlink" href="http://www.w3schools.com">http://www.w3schools.com</a><!-- m -->!
<!--content-->Before you even consider making any changes to the design, you have to fix up the [115 errors (<!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.home.earthlink.net%2F%7Eorvacian%2F&doctype=HTML+4.01+Transitional&charset=iso-8859-1+%28Western+Europe%29&ss=1&outline=1&sp=1">http://validator.w3.org/check?uri=http% ... ine=1&sp=1</a><!-- m -->)] in the code; some of which are causing strange effects in various browsers. Nesting errors in code mean that the browser will do what it thinks it thought you meant, which may not always be the same as what you actually intended.<br /><br />
<br />
All the problems are easily fixed, and the solutions to all have been mentioned dozens, actually hundreds, of times in the last few months. They are the same basic errors that nearly everyone makes when starting out.<!--content-->Thank you for that, I see what you mean about nesting. <br />
115 errors :O@ At least I can make html errors correctly, no wonder it looks terrible.
I will do a little more homework and have a go at fixing it. Thanks again!<!--content-->