fiesty_01 — Wed, 03 Dec 2003 02:25:11 +0000

Thank you both. I had actually done some experimenting to try and figure out what seemed to work earlier, but I just wanted to know for sure (a good experiment doesn't mean a correct experiment).

nicora — Tue, 02 Dec 2003 21:21:17 +0000

Actually no, that was not intended. I stopped optimizing many sites for older browser (mainly my personal sites) because it is not worth the hassle. I have been tracking my site for 2 1/2 months and have had only a couple of 4+ browsers. If there was a way to keep it viewable for old browsers, I would certainly do it. But since I am not going to use that design anyways I suppose it doesn't matter. But thanks for taking a look Suzanne, when I do re-design, I'll be back here asking for your opinion again. =)

Suzanne — Tue, 02 Dec 2003 19:40:37 +0000

All the would be better dealt with by using margins or padding on the divs.

Nesting divs isn't usually necessary for thinks like your links -- a styled list is better for semantic reasons and uses less code.

Inline styles are not ideal -- pull them into global stylesheets.

and such won't render in older browsers, is that intended?

nicora — Tue, 02 Dec 2003 18:47:08 +0000

Since we are already on the subject, I started a design concept, using XHTML Strict. It validates, but is it really done right?

http://www.seemecreate.com/archive/v3/

Suzanne — Tue, 02 Dec 2003 18:19:29 +0000

Actually, I can make it simpler -- no block level elements can be nested inside a paragraph element. Period. Inline elements only, such as span, strong, em, and img.

nicora — Tue, 02 Dec 2003 18:17:10 +0000

Thanks for clarifying Suzanne!

Hopefully I wasn't too confusing... I just know that I never use p-tags in or around tables =)

Suzanne — Tue, 02 Dec 2003 18:16:12 +0000

Also, better coding:

table.thistable td { color: #003;} 

<table class="thistable">
    <tr>
        <td>(text goes here)</td>
    </tr>
</table>

Or you can use ID if it's a unique table -- same thing in the CSS, only table#thistable instead of table.thistable.

Suzanne — Tue, 02 Dec 2003 18:13:50 +0000

Whoa, there is certainly a right answer!

are block-level elements, as are . However, you cannot put inside a . Inside another table, or inside a or yes, nothing else.

can go inside any other block level element except itself (you cannot nest paragraph elements).

You can use inside a if you wish, however it's often redundant for data tables. If you're using tables for layout, however, it's going to be necessary.

When in doubt, http://validator.w3.org will help you.

To sum up, no inline elements can contain a block level element, and can only be in or . can be inside any other block level element, but cannot be nested in another .

nicora — Tue, 02 Dec 2003 17:54:10 +0000

Someone may have actually looked up the correct answer, but it seems to me that niether way is right or wrong.

In XHTML, tables are used strictly for tabular data, and there should be no need for paragraphs in them. In the same token, HTML 4, tables are an easy way to structure your layout.

If you want to be XHTML compliant, I would not put p-tags in table cells, but rather use a class which will impute the same attributes. And wrap a p-tag around the table if need be.

(text goes here)