Cheers for the tips David. I should have pointed out the code sample is copied out from the original page, hence no doc type.
I'll see if the changes makes a difference to the font sizes. Cheers Trevor >From: David Laakso <[EMAIL PROTECTED]> >To: Trevor Boult <[EMAIL PROTECTED]> >CC: [email protected] >Subject: Re: [css-d] was Paragraphs and floats, now bulleted list. >Date: Fri, 09 Dec 2005 07:41:41 -0500 > >Trevor Boult wrote: > > >But I still had the problem of text wrapping around the little icons I >had > >for each paragraph. I tried loads of things, nowrap, div containers > >etc....., but nothing worked in an efficient way. > >http://www.tboult.co.uk/temp/temp.html > >main css for the paragraphs > >http://www.tboult.co.uk/temp/paragraphs.css > >Trevor > > > > >Trevor, whether any of the below stuff corrects the problem of the text >overlapping the images at text size 'smaller' and 'smallest' in >XP_SP/IE6.0, remains to be seen, nevertheless: > >--You have no doctype. Tidy Online <http://infohound.net/tidy/> will >assign one for you and correct the mark-up errors so that the html will >validate. >-- You have no background-color assigned: consequently, your page is >black on fuchsia in my machine >-- Validate the css (you ignore most of the warnings except for the one >above) >-- Computers have a difficult time setting fonts, period. Your unserifed >justified and letter-spaced content text is a typographic nightmare. >Text-align: left; with no letter-spacing and line-height expressed as a >raw number will do just fine. >--In coutryside_history.css consider re-setting: >body {font-family:'Verdana','luxi sans','Arial','sans serif';} >to: >body { font: 200 100.01%/1.2 'Lucida Grande', 'Nimbus Sans', 'Luxi >Sans', Arial, sans-serif; } >and changing this: >p { > /* font-size: 0.8em; > font-weight: normal; > letter-spacing: 0.2mm; > font-style: normal; > font-variant: normal; > text-align: justify; > line-height: 1.6em;*/ > margin-top: 0.7em; > margin-bottom: 0.7em; >} > >Best, >~dL > > > > >______________________________________________________________________ >css-discuss [EMAIL PROTECTED] >http://www.css-discuss.org/mailman/listinfo/css-d >List wiki/FAQ -- http://css-discuss.incutio.com/ >Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
