Thanks Gunlaug. I'll try to follow your instructions.
Arnie
----- Original Message ----- From: "Gunlaug S�rtun" <[EMAIL PROTECTED]>
To: "css-d list" <[EMAIL PROTECTED]>
Sent: Wednesday, April 27, 2005 9:36 PM
Subject: Re: [css-d] problems with DTD, Floats and clear
Arnie Shafer wrote:The page validates, but as xhtml 1.0. transitional, my DTD is set to strict.??
Your DTD is definitely Transitional now. :-)
This is a Strict DTD: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
I would like to have the title below the float and the paragraph that relates to the graphic flowing around it.
No problem, but you need to do a bit more than that... :-)
1: delete any clearing-styles and -elements that acts on the elements involved.
2: Something like: ------- <p style="float:left; margin-right: 3px; width: 105px;"><a href="...""><img src="..." /></a><b>Shafer House</b></p>
<p><span class="heading3">The Shaver Home.</span> Can you imagine... ------- ...works just fine. Maybe a paragraph isn't the perfect image-wrapper, but it may be acceptable here. Move styles to stylesheet, and add proper class. (You had mixed 'style=' and 'class=' in your page. This doesn't work: <p class="float:left"><...)
3: I found this a bit confusing: <a href="http://www.abshafer.com/stylemaster/graphics/cshouse.jpg";><img src="tn_cshou.htm" ...so I think you have mixed html files and graphic files a bit. I didn't get any pictures there. Better clean that up, as the validator will not catch it for you.
4: Lots of inline styling without real functionality. Looked a bit messy. Delete those and fine tune by targeting elements / classes from your stylesheet.
5: Seems to be a lot more of those dedicated clearing-elements than needed also, and some of them are definitely misplaced. Delete those too, and add only those you really need. Probably none.
6: <br /> for spacing is not good coding. Style margins on those paragraphs instead.
7: Real headlines would be more proper, instead of those <span class="heading3">... Headlines can float too, and there are many methods that'll give you the same look, with proper use of elements. ----------
Note: the HTML and CSS validators will only catch *some* coding-bugs. They don't tell anything about the outcome. That's your department.
regards Georg -- http://www.gunlaug.no ______________________________________________________________________ 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/
![http://www.abshafer.com/stylemaster/graphics/cshouse.jpg"](http://www.abshafer.com/stylemaster/graphics/cshouse.jpg"){kind=link}