adding 'class' to an img tag

[tnuaga]

Hi, all,

I've found two posts on this topic, but the fix offered doesn't do the trick.
I've created a DW template that allows images to float either left or right,
with text wrapping around the image. Everything's fine when I use DW to create
a page, but in Contribute 4, instead of pinning the 'class' from the style
definition into the <img> tag, it places it in the <p> tag. The suggestions to
(in Contribute) select Format>Styles doesn't correct the problem. If I take
the Contribute-originated page into DW and move the class statement from the
<p> tag into the <img> tag, it works fine and the text wraps the way I want it
to. This isn't an acceptable solution, though, since a non-DW user handles all
the Web edits.

How can we work around this problem? Anyone come up with anything creative?

Thanks for listenin',
Anita

[abna]

I've found it's very tricky to make sure you've selected the correct item when
adding the style. It may look like you have the image selected, but it's really
the paragraph, so that's where the class gets applied. You might try applying
the class immediately after adding the image, before it's unselected. Or try
clicking on the image instead of mouse-dragging over it to select it. You might
put some text before and after it to make sure when you select the image, it
hasn't selected the text, and therefore not the <p> tag.

Overall, though, Contribute is very quirky and it's extremely difficult to
select the right thing. If you are just using the class to control left/right
wrap, why not use the image properties instead?

[tnuaga]

Thanks for the response. I'm able to select just the image and then Format >
Style and select the style I want to use (imgLeft), which floats the image to
the left margin. I noticed that the text next to the image was showing imgLeft
as its class, too. I selected the text, selected "body" as the style - but it
doesn't change styles. I'll try creating a new page from scratch (and
template) and see if I'm able to force the text style to something different
from the image style (which is being embedded into the <p> tag.

But in the meantime, how would I use the image properties to conquer this
problem?

Looking forward to your solution ...
Anita

[abna]

Right click on the image. Choose Image Properties. In the alignment dropdown, choose Left or Right. That will float your image to the left or right and the text will wrap around it.

[tnuaga]

Yep - tried that previously. The image properties shows "left" as an
attribute, but the text still isn't wrapping. Well, let me restate that. The
first paragraph of text finally did wrap, but the second paragraph begins below
the image (and indented about 100 pixels for some reason). The first paragraph
retains the "imgLeft" style (due to its placement inside the <p> tag) and I
can't change that in Contribute. The second paragraph's style is "body", which
works when I monkey with the page in DW. Weird.

I think it may have to do with the order in which the page was created. I
realize that this would be counter to the whole template concept, but it would
be nice for our editor to be able to tweak the source code in cases like this.

Thanks again for your response. If you have any other suggestions, I'm wide
open to 'em! And if this helps, here's the URL to the (as yet unpublished)
page.