Better CSS rendering in Contribute 4 please

[Lars Forslin]

I have som difficulties in giving users the power they need for inserting
images with text in a simple way. I have this CSS class:

..imageleft {
float: left;
margin-right: 10px;
clear: both;
margin-bottom: 5px;
}
So the easy way would be to just select the image and then apply this style
to it. Then add more images and text in the same manner. However, Contribute
renders this as a total mess with the images on top of each other, almost
impossible to edit. In the published/browser state it renders fine though.

This imperfection in the Contribute rendering engine makes it necessary to
introduce another class:
..distance {
clear: both;
padding-top: 10px;
}

This class has to be applied to the paragraph where the image is located to
make the page legible in the edit state, but it's in reality unnecessary.
I hope for better rendering in Contribute, or in an update.
Regards,
--
Lars Forslin

"Doing time on earth"

**************************

[mzanime.com]

Well its pretty obvious to me why Contribute would render this bit of code
screwy.

.imageleft {
float: left;
margin-right: 10px;
clear: both;
margin-bottom: 5px;
}

How can you have one element both 'clear' and 'float'ing at the same time?
Syntax-wise the validator throws no error on this, but the W3C states "The
'clear' property does not consider floats inside the element itself or in other
block formatting contexts." To me, that is saying that an element can be one or
the other, but not both.

[Lars Forslin]

Maybe it's not a good idea, but I got the idea that it would be good for the
contributers if they could use only one class to get the images float to the
left of the text *and* clear the above stuff at the same time. IE rendered
it as I intended but not FX really. I guess we have to stick with one class
for floating the image and one for the clearing.
Regarding the text of W3C, I really can't comment on it since it is too
abstract for me to grasp. English is only my second language.
Thanks for the input.
/Lars

"mzanime.com" <webforumsuser@macromedia.com> skrev i meddelandet
news:di3qkd$ie5$1@forums.macromedia.com...

> Well its pretty obvious to me why Contribute would render this bit of code
> screwy.
>
> .imageleft {
> float: left;
> margin-right: 10px;
> clear: both;
> margin-bottom: 5px;
> }
>
> How can you have one element both 'clear' and 'float'ing at the same time?
> Syntax-wise the validator throws no error on this, but the W3C states "The
> 'clear' property does not consider floats inside the element itself or in
> other
> block formatting contexts." To me, that is saying that an element can be
> one or
> the other, but not both.
>

[mzanime.com]

One solution to this might be multiple classes, (which IE and FIirefox support)
however Contribute won't allow you to do this, which is a shame.

.cr { clear:both; }

.ft { float:left; }

<img src="pic.gif" class="ft cr">