Re: [css-d] Sorry the subject is different-my last post was not site check please

2007-09-03 Thread Tom Molesworth 
Hi Trevor,

On 03/09/07, trevor bayliss [EMAIL PROTECTED] wrote:
 CSS guru David Laakso very kindly gave me some code:

 br.both {
 clear : both;
 }
 br.right {
 clear : right;
 }
 br.left {
 clear : left;
 }
 .clear {
 height : 0;
 clear : both;
 }

This effectively defines some helper classes for clearing - making
sure that any floats are placed and further content appears below
them.

For example, with the following HTML extract:

div style=float: left; width: 20em; background: #ccc; color: #000;Left/div
div style=float: right; width: 20em; background: #ddd; color:
#000;Right/div
div style=float: left; width: 20em; background: #eee; color:
#000;Left again/div
div style=float: left; width: 20em; background: #eff; color:
#000;Not floated/div

try putting

br class=both /

at various points in between the lines. Then try br class=left /, etc.

http://www.quirksmode.org/css/clearing.html

Not quite sure about the strict XHTML part of your question though.
It applies to HTML4 just as well.

cheers,

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

Re: [css-d] Sorry the subject is different-my last post was not site check please

2007-09-03 Thread trevor bayliss 


Tom Molesworth [EMAIL PROTECTED] wrote:  Hi Trevor,

On 03/09/07, trevor bayliss wrote:
 CSS guru David Laakso very kindly gave me some code:

 br.both {
 clear : both;
 }
 br.right {
 clear : right;
 }
 br.left {
 clear : left;
 }
 .clear {
 height : 0;
 clear : both;
 }

This effectively defines some helper classes for clearing - making
sure that any floats are placed and further content appears below
them.

For example, with the following HTML extract:

  Left

  Right

  Left again

  Not floated


try putting




at various points in between the lines. Then try 
, etc.

http://www.quirksmode.org/css/clearing.html

Not quite sure about the strict XHTML part of your question though.
It applies to HTML4 just as well.

cheers,

Tom

Thanks for the reply Tom I checked out the different classes but it seems not 
to make any difference if there are or aren`t classes on the brs. Maybe it is 
because I checked it on IE? 
   
-
Fussy? Opinionated? Impossible to please? Perfect.  Join Yahoo!'s user panel 
and lay it on us.
__
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/

[css-d] Sorry the subject is different-my last post was not site check please

2007-09-02 Thread trevor bayliss 
CSS guru David Laakso very kindly gave me some code:

br.both {
clear : both;
}
br.right {
clear : right;
}
br.left {
clear : left;
}
.clear {
height : 0;
clear : both;
}

Can someone please explain to me what this does and why it is needed with 
strict xhtml. Thank-you in advance.


-
Yahoo! oneSearch: Finally, mobile search that gives answers, not web links. 
__
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/


   
-
Park yourself in front of a world of choices in alternative vehicles.
Visit the Yahoo! Auto Green Center.
__
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/