[css-d] was Paragraphs and floats, now bulleted list.

2005-12-09 Thread Trevor Boult 
Hi All,

Thanks to those that posted the solution for paragraphs clearing to a new 
line from a previous paragraph. clear:both;

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.

Then I had an idea of using a liul tags to create the effect I was 
after.  Could you kind peeps please check out the below site and check this 
is okay on different browsers (browsershots takes ages) before I implement 
it throughout our countryside history pages.

temp page

http://www.tboult.co.uk/temp/temp.html

main css for the paragraphs

http://www.tboult.co.uk/temp/paragraphs.css

Cheers everyone


Trevor
http://www.tboult.co.uk


__
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/

Re: [css-d] was Paragraphs and floats, now bulleted list.

2005-12-09 Thread David Laakso 
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/

Re: [css-d] was Paragraphs and floats, now bulleted list.

2005-12-09 Thread Trevor Boult 
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: css-d@lists.css-discuss.org
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/