Phil Turner wrote: > http://www.philturner-uk.com/ypny/ > only the first two pages done at the mo , I have trouble with spacing > on the text between the h1,h2,h3 and body copy and class styles Phil, You are doing extremely well. Whatever it is you are doing-- keep doing it. You have a very nice site going. As Ian pointed out your file is not valid. Correcting it is *easier* than this looks: --*make a backup copy* of the entire document in case anything goes wrong. Cut and paste it into Tidy Online. <http://infohound.net/tidy/> Hit the big green 'Tidy!" on the right side of the page. Tidy will assign the correct doctype based on your current markup /and/ point out /and/ correct the markup errors. Hit>View the "tidied html.' Tidy will shoot to a corrected file. Cut and paste it to your editor. Delete any unnecessary <br /> and <p> </p> tags. --Validate the corrected file: <http://validator.w3.org/> (make any needed corrections -- re-validate-- and you are good to go) -- validate the css for the time being, correct all but: Line: 298 Context : .bodytext Invalid number : display <http://www.w3.org/TR/REC-CSS2/visuren.html#propdef-display> inline-block -- with regard to the typography: :: Re-set the margin and padding on the headings (h1-h6) to: margin: 0 0 0 0; padding: 0 0 0 0; Top and bottom margin adjusts them vertically. Depending on the situation, margin /or/ padding adjusts left or right. Vertical 'space" between stacked headings, as in: <h3>stuff<br /> more stuff</h3> is 'lead' or 'leading' (carry over from print typography). In css line-height adjusts the leading (strips of lead in print typog). Line-height is a usually a raw number (no unit of measure): line-height: 1.3; Typographic specification of the text <p>some kind of wonderful</p> is similar to heading specification: Top and bottom margin adjusts the vertical space between paragraphs. Depending on the situation, margin /or/ padding adjusts left or right. Line-height adjusts the leading between rows of text /within/ the paragraph. Check your specifications in Opera/ Firefox, Opera, *and* IE (with and without a very healthy zoom (150 to 200%) and 'largest' in IE). Tweak as needed.
HTH. Best, ~dL -- http://chelseacreekstudio.com/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
