lucy24 - 5:06 am on Mar 4, 2012 (gmt 0)
Ooh, ooh, I know the hr color thing. One browser uses the "background-color" and all other browsers use the "color", but an hr is only one color, so to make it come out right you set the same color for both. This will get you a warning (not an error) from the CSS validator, but you are allowed to ignore it.
If you take out the DTD everything goes into "quirks" mode which means "display whatever you feel like displaying". This may work as intended on your own personal browser, but I can guarantee it will come out even less predictable with other people's browsers.
Make sure your CSS explicitly says both of these things about the generic hr:
alignment (called "text-align" just to confuse you): left, right or center
all margins: left and right are both "auto" if centered, else "auto" for one side and 0-- or some specific quantity-- for the other
You need to intercept any ideas the browser might have about doing things its own way.
Always, always put your attributes in quotation marks. Single or double, so long as you're consistent.
<td align=center width='100%'>
This is legal in HTML 4.01 but I don't advise it. Put all your td alignments in the css. Pick a default (left/center/right and top/middle/bottom respectively) and then make classes for all the others.
"width = '100%'" is superfluous for a table cell, because it hasn't got any choice ;)
:: setting aside the issue of whether you really need a table if it's only one cell wide ::
If your width is something other than 100% --that, is of course, if you've got more than one cell to a row! --express it as a style. I don't know why, but it seems to be more "assertive" that way. Inline styles are tougher than CSS styles which are tougher than HTML declarations. And the CSS can use different units; the HTML only works with percentages.
Won't work. You have to put it in the CSS-- or, if it's a one-off, make an inline style-- and specify what unit you're talking about.
Bookmark this page:
Awwwwk! Get rid of that stuff right now! The occasional can be a great alternative to "white-space: nowrap" when tables refuse to behave, but don't use them for formating.