|
|
Posted by j1mb0jay on 02/21/07 15:33
Jonathan N. Little wrote:
> Nick Wedd wrote:
>> At http://www.files.maproom.org/00/18/present.php?m=0004 you can see
>> a page which looks as I want it to. It validates (using the
>> validator at http://validator.w3.org/), except that it is missing a
>> doctype tag.
>>
>> So I have added the line
>> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
>> "http://www.w3.org/TR/html4/loose.dtd">
>> as recommended at
>> http://validator.w3.org/docs/help.html#faq-doctype, giving the page
>> http://www.files.maproom.org/00/18/presentrh.php?m=0004. This page is
>> identical to the other one apart from the addition of the doctype
>> tag. It validates perfectly, but looks wrong - the vertical spacing
>> in the table near the top is wrong.
>>
>> I have tried other doctype tags, with the same, or worse, results.
>> How should I set about creating a page which looks right _and_
>> passes the validator?
>
> Try:
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
> "http://www.w3.org/TR/html4/strict.dtd">
>
> And if you want to remove the space above your 'topbar' table then
> remove the default margin from the top of your document
>
> BODY { margin-top: 0; }
>
> If you want to remove all space, then BODY { margin: 0; padding: 0; }
>
> You know this isn't valid
>
> <p><table class="pai"><tbody><tr>
> ...
> </p>
>
> TABLE is a block element as is P, but P can *only* contain inline
> elements. If you want a space above the TABLE then style it with a
> margin!
>
> TABLE.pai { margin-top: 1.5em; }
Try using the strict DTD forces to use correct code.
--
Regards JJ (UWA)
Navigation:
[Reply to this message]
|