Hello,<br />
<br />
I'm a newbie fresh from the factory (in fact I started learning just this morning, so I still have that new car smell... or something like that) Anyways... I have a Q.<br />
<br />
I typed up this little bit in Notepad (below this paragraph) and when I viewed its output in IE 6.0 it looked fine. All the images lined up nicely and made a GUI. Sadly though, I soon discovered my HTML skills weren't as good as my graphic art ones. I ran the .html file in Netscape 6.2 and saw that nothing was there - just a blank slate. I read up a bit more in an attempt to solve my problem but could not find what I desired. So I came here. Can anyone tell me what I'm doing wrong or give any tips based on what I've done so far, so that I can correct any problems/bad habits early on.<br />
<br />
Here it is:<br />
<br />
<br />
<HTML><br />
<HEAD><br />
<TITLE>My table Adventure</TITLE><br />
<BODY><br />
<br />
<P ALIGN="center"><br />
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0><br />
<TR><br />
<TD ALIGN="left" VALIGN="top" COLSPAN=3><IMG SRC=http://www.webdeveloper.com/forum/archive/index.php/"C:\Documents and Settings\Jorden Krawiec\Desktop\Johnson Onysty Site\JO_GUI_v1.jpg"></TD><br />
</TR><br />
<TD ALIGN="left" VALIGN="top"><IMG SRC=http://www.webdeveloper.com/forum/archive/index.php/"C:\Documents and Settings\Jorden Krawiec\Desktop\Johnson Onysty Site\JO_GUI_v2.jpg"></TD><br />
<TD ALIGN="center" VALIGN="bottom"><IMG SRC=http://www.webdeveloper.com/forum/archive/index.php/"C:\Documents and Settings\Jorden Krawiec\Desktop\Johnson Onysty Site\JO_GUI_v4.jpg"></TD><br />
<TD ALIGN="right" VALIGN="top"><IMG SRC=http://www.webdeveloper.com/forum/archive/index.php/"C:\Documents and Settings\Jorden Krawiec\Desktop\Johnson Onysty Site\JO_GUI_v3.jpg"></TD><br />
</TR><br />
<TR><br />
</TABLE><br />
</P><br />
<br />
</HTML><br />
</HEAD><br />
</BODY><br />
<br />
<br />
I do realize the spacing has all went down the drain now that I've copied and pasted the text from Notepad, but I hope it's still understandable. <br />
<br />
I have another quick question to pose. I've been reading and I keep hearing about HTML v4.0? Should I be programming according to that version or what? I'm slightly confused.<br />
<br />
Any help from anyone is greatly appreciated. Thanks in advance.
<br />
<br />
- JDK<!--content-->The obvious problem is that you have spaces in between file names and directory names,NS is really does not like that,try changeing that to paths and filenames wher eno spaces are presnt...<!--content-->Ahh. Yep - you're absolutely correct. That fixed it. Thanks a bunch. I was unaware that NS disliked spaces in paths.
<!--content-->Originally posted by JDK <br />
I have another quick question to pose. I've been reading and I keep hearing about HTML v4.0? Should I be programming according to that version or what? I'm slightly confused. <br />
<br />
We are currently on 4.01 - if you browse <!-- m --><a class="postlink" href="http://www.w3.org/">http://www.w3.org/</a><!-- m --> then you will see the official standard specifications. <br />
<br />
You may also wish to meet the code validators, <br />
<br />
<!-- m --><a class="postlink" href="http://www.htmlhelp.org/tools/validator/">http://www.htmlhelp.org/tools/validator/</a><!-- m --> (enter code directly in this one)<br />
<br />
<!-- m --><a class="postlink" href="http://www.htmlhelp.org/tools/validator/">http://www.htmlhelp.org/tools/validator/</a><!-- m --> (have to upload)<br />
<br />
And if you want some nice simple tutorials <!-- w --><a class="postlink" href="http://www.w3schools.com">www.w3schools.com</a><!-- w --> are good.<br />
<br />
As a starter: <br />
- your </head> tag should be before your <body> tag. <br />
- you've lost a <tr> tag before the pic ending v1<br />
- you need to specify an alt attribute for each picture for browsers which lose the picture - e.g:<br />
<IMG SRC=http://www.webdeveloper.com/forum/archive/index.php/"C:\Documents and Settings\Jorden Krawiec\Desktop\Johnson Onysty Site\JO_GUI_v2.jpg" alt="this is me swimming"><br />
<br />
Hope this helps<br />
Dave<!--content-->BTW what are you coding with?<!--content-->Most excellent. Many thanks! Those links and pointers will surely be put to good use. Currently I'm doing everything in 'Notepad'. Once I learn more I plan on using Dreamweaver MX to do my coding in.<!--content-->if you want a good free editor then html-kit from <!-- w --><a class="postlink" href="http://www.chami.com">www.chami.com</a><!-- w --> is really excellent - you get the best control over your code<!--content-->I already have a copy of DW MX. I'll go grab a copy of Html-kit. In comparison which one is better when it comes to simply coding it on your own?<!--content-->once you get the hang of html-kit I prefer it to dreamweaver. It's purely code based - no wysiwyg, but it does IE preview, Gecko (moz/netscape) preview, and you work purely with the code.<br />
<br />
It's actually the only editor I use. It has great css support, php etc, and you can Download <!--more--> thousands of extra plugins off the internet - stuff like the latin text - and just dump all the sample text in at the click of a button! It has flash support, (plugin) etc. If you want to learn to code cleanly and without tables you can't go far wrong with it.<br />
<br />
Good luck out there!<!--content-->
<br />
I'm a newbie fresh from the factory (in fact I started learning just this morning, so I still have that new car smell... or something like that) Anyways... I have a Q.<br />
<br />
I typed up this little bit in Notepad (below this paragraph) and when I viewed its output in IE 6.0 it looked fine. All the images lined up nicely and made a GUI. Sadly though, I soon discovered my HTML skills weren't as good as my graphic art ones. I ran the .html file in Netscape 6.2 and saw that nothing was there - just a blank slate. I read up a bit more in an attempt to solve my problem but could not find what I desired. So I came here. Can anyone tell me what I'm doing wrong or give any tips based on what I've done so far, so that I can correct any problems/bad habits early on.<br />
<br />
Here it is:<br />
<br />
<br />
<HTML><br />
<HEAD><br />
<TITLE>My table Adventure</TITLE><br />
<BODY><br />
<br />
<P ALIGN="center"><br />
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0><br />
<TR><br />
<TD ALIGN="left" VALIGN="top" COLSPAN=3><IMG SRC=http://www.webdeveloper.com/forum/archive/index.php/"C:\Documents and Settings\Jorden Krawiec\Desktop\Johnson Onysty Site\JO_GUI_v1.jpg"></TD><br />
</TR><br />
<TD ALIGN="left" VALIGN="top"><IMG SRC=http://www.webdeveloper.com/forum/archive/index.php/"C:\Documents and Settings\Jorden Krawiec\Desktop\Johnson Onysty Site\JO_GUI_v2.jpg"></TD><br />
<TD ALIGN="center" VALIGN="bottom"><IMG SRC=http://www.webdeveloper.com/forum/archive/index.php/"C:\Documents and Settings\Jorden Krawiec\Desktop\Johnson Onysty Site\JO_GUI_v4.jpg"></TD><br />
<TD ALIGN="right" VALIGN="top"><IMG SRC=http://www.webdeveloper.com/forum/archive/index.php/"C:\Documents and Settings\Jorden Krawiec\Desktop\Johnson Onysty Site\JO_GUI_v3.jpg"></TD><br />
</TR><br />
<TR><br />
</TABLE><br />
</P><br />
<br />
</HTML><br />
</HEAD><br />
</BODY><br />
<br />
<br />
I do realize the spacing has all went down the drain now that I've copied and pasted the text from Notepad, but I hope it's still understandable. <br />
<br />
I have another quick question to pose. I've been reading and I keep hearing about HTML v4.0? Should I be programming according to that version or what? I'm slightly confused.<br />
<br />
Any help from anyone is greatly appreciated. Thanks in advance.
<br /><br />
- JDK<!--content-->The obvious problem is that you have spaces in between file names and directory names,NS is really does not like that,try changeing that to paths and filenames wher eno spaces are presnt...<!--content-->Ahh. Yep - you're absolutely correct. That fixed it. Thanks a bunch. I was unaware that NS disliked spaces in paths.
<!--content-->Originally posted by JDK <br />I have another quick question to pose. I've been reading and I keep hearing about HTML v4.0? Should I be programming according to that version or what? I'm slightly confused. <br />
<br />
We are currently on 4.01 - if you browse <!-- m --><a class="postlink" href="http://www.w3.org/">http://www.w3.org/</a><!-- m --> then you will see the official standard specifications. <br />
<br />
You may also wish to meet the code validators, <br />
<br />
<!-- m --><a class="postlink" href="http://www.htmlhelp.org/tools/validator/">http://www.htmlhelp.org/tools/validator/</a><!-- m --> (enter code directly in this one)<br />
<br />
<!-- m --><a class="postlink" href="http://www.htmlhelp.org/tools/validator/">http://www.htmlhelp.org/tools/validator/</a><!-- m --> (have to upload)<br />
<br />
And if you want some nice simple tutorials <!-- w --><a class="postlink" href="http://www.w3schools.com">www.w3schools.com</a><!-- w --> are good.<br />
<br />
As a starter: <br />
- your </head> tag should be before your <body> tag. <br />
- you've lost a <tr> tag before the pic ending v1<br />
- you need to specify an alt attribute for each picture for browsers which lose the picture - e.g:<br />
<IMG SRC=http://www.webdeveloper.com/forum/archive/index.php/"C:\Documents and Settings\Jorden Krawiec\Desktop\Johnson Onysty Site\JO_GUI_v2.jpg" alt="this is me swimming"><br />
<br />
Hope this helps<br />
Dave<!--content-->BTW what are you coding with?<!--content-->Most excellent. Many thanks! Those links and pointers will surely be put to good use. Currently I'm doing everything in 'Notepad'. Once I learn more I plan on using Dreamweaver MX to do my coding in.<!--content-->if you want a good free editor then html-kit from <!-- w --><a class="postlink" href="http://www.chami.com">www.chami.com</a><!-- w --> is really excellent - you get the best control over your code<!--content-->I already have a copy of DW MX. I'll go grab a copy of Html-kit. In comparison which one is better when it comes to simply coding it on your own?<!--content-->once you get the hang of html-kit I prefer it to dreamweaver. It's purely code based - no wysiwyg, but it does IE preview, Gecko (moz/netscape) preview, and you work purely with the code.<br />
<br />
It's actually the only editor I use. It has great css support, php etc, and you can Download <!--more--> thousands of extra plugins off the internet - stuff like the latin text - and just dump all the sample text in at the click of a button! It has flash support, (plugin) etc. If you want to learn to code cleanly and without tables you can't go far wrong with it.<br />
<br />
Good luck out there!<!--content-->