In this segment I am trying to use "div"s to create two columns. However, I have not figured out how to get the second "div" to be placed beside the first one instead of beneath it.

2010.04.25 test.html as extracted from index.html. For testing as I try to: Get what I want; Pass the W3C validator.
2010.04.25 Create this page, because the higher level page is getting cluttered.
2010.04.25 The intent is that this is (will be) W3C strict compliant.


Try again with tables. (Tables was how I did my original pages).
First extract an example directly from Robert Denton's tutorial and get it to work as expected and check if it passes the W3C strict vilidator.

Data table template, e.g., software list
Program Platform Version Support Level
Adobe Acrobat Mac & PC 5.0 or higher 2
Adobe Illustrator Mac & PC 8.0 or higher 3
Adobe Imageready Mac & PC 2 or higher 3
Adobe Pagemaker Mac & PC 6.5 3
Adobe Photoshop Mac & PC 5.5 or higher 1
Adobe Reader Mac & PC 5.0 or higher 2
Aladdin Stuffit Expander Mac 6.5.1 or higher 2

So the question is: Why doesn't the above table look like the one on Robert's web page tutorial where I got the html code segments?
I think he has made reference to a style that is contained in one of his include files.
The following two links are merely so that I can "right click" and "save as" to get the css sheets to look at.
Right Click and save target as to get style.css
Right Click and save target as to get tables.css

O.K. so I will try the table again, but instead of referencing the "sup" class, I will reference an unused class and change the color of that class to match the "sup" class:

Data table template, e.g., software list 2
Program Platform Version Support Level
Adobe Acrobat Mac & PC 5.0 or higher 2
Adobe Illustrator Mac & PC 8.0 or higher 3
Adobe Imageready Mac & PC 2 or higher 3
Adobe Pagemaker Mac & PC 6.5 3
Adobe Photoshop Mac & PC 5.5 or higher 1
Adobe Reader Mac & PC 5.0 or higher 2
Aladdin Stuffit Expander bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla Mac 6.5.1 or higher 2

That looks a little better. There are still differences, which I think are due to other conflicts and differences between the include css sheets and the ones declared and shown in the example on Robert's pages. Anyway... I learned enough to move on towards what I want to do...

Now, I will attempt to make a table that looks more or less as I have been doing in the past, but that will pass the W3C validator for HTML 4.01 strict mode.

This is a test line that is really long. I want to see the line wrap around to another line and verify that it does it at about the expected width within the table column. I can also observe boundaries and gaps and such things.
www.smythies.com
doug user account web pages.
doug miscellaneous pages (this page).
Dacor RSD30 dual fuel range thermal reset.
Dacor RSD30 dual fuel range beeping F1 fault code.
This is a test line that is really long. I want to see the line wrap around to another line and verify that it does it at about the expected width within the table column. I can also observe boundaries and gaps and such things.

This is a test line that is really long. I want to see the line wrap around to another line and verify that it does it at about the expected width within the table column. I can also observe boundaries and gaps and such things.
2010.04.25 test.html as extracted from index.html. For testing as I try to: Get what I want; Pass the W3C validator.
2010.04.25 Create this page, because the higher level page is getting cluttered.
2010.04.25 The intent is that this is (will be) W3C strict compliant.
This is a test line that is really long. I want to see the line wrap around to another line and verify that it does it at about the expected width within the table column. I can also observe boundaries and gaps and such things.

Attempt 2.

This is a test line that is really long. I want to see the line wrap around to another line and verify that it does it at about the expected width within the table column. I can also observe boundaries and gaps and such things.
www.smythies.com
doug user account web pages.
doug miscellaneous pages (this page).
Dacor RSD30 dual fuel range thermal reset.
Dacor RSD30 dual fuel range beeping F1 fault code.
This is a test line that is really long. I want to see the line wrap around to another line and verify that it does it at about the expected width within the table column. I can also observe boundaries and gaps and such things.

This is a test line that is really long. I want to see the line wrap around to another line and verify that it does it at about the expected width within the table column. I can also observe boundaries and gaps and such things.
2010.04.25 test.html as extracted from index.html. For testing as I try to: Get what I want; Pass the W3C validator.
2010.04.25 Create this page, because the higher level page is getting cluttered.
2010.04.25 The intent is that this is (will be) W3C strict compliant.
This is a test line that is really long. I want to see the line wrap around to another line and verify that it does it at about the expected width within the table column. I can also observe boundaries and gaps and such things.


WWW.Smythies.com - Test page.. emaildoesnotwork@smythies.com 2010.04.25 Updated 2010.10.08