Ticket #6687 (closed defect: invalid)

Opened 5 months ago

Last modified 5 months ago

TinyMCE is not working so well

Reported by: link2caro Assigned to: anonymous
Priority: normal Milestone:
Component: TinyMCE Version: 2.5
Severity: trivial Keywords:
Cc:

Description

Two images aligned to left. If the top image (which is located before the More tag) is higher than the text before More tag, this problem is produced.

Attachments

wp-editor.jpg (126.4 kB) - added by link2caro on 04/11/08 23:41:00.
Screenshot

Change History

04/11/08 23:41:00 changed by link2caro

  • attachment wp-editor.jpg added.

Screenshot

04/11/08 23:46:37 changed by ionfish

As far as I understand it, we tend to pass TinyMCE problems on to the TinyMCE crew, but to me this looks like a simple case of needing to add clear:left; when the image is floated left (and similarly for the right).

04/12/08 09:00:33 changed by Viper007Bond

Yeah, this is merely CSS trouble you're having. It's not TinyMCE's fault, although it could work around it. Then again, adding a clear to images would break many themes that use floating sidebars.

Just put the 2nd image on the right or farther down the page.

04/12/08 09:00:48 changed by Viper007Bond

  • version set to 2.5.

04/12/08 09:01:06 changed by Viper007Bond

  • priority changed from high to normal.
  • severity changed from minor to trivial.

04/12/08 17:31:13 changed by azaozz

  • status changed from new to closed.
  • resolution set to invalid.
  • milestone deleted.

As ionfish and Viper007Bond pointed out, this is easily fixed with css. The common way of doing that is either by adding style="clear:left" to the image, or adding <br style="margin:0;clear:both" /> between the images/paragraphs. Either will fix it in TinyMCE, however may not work well on the site, depending on the theme's css.

Also in some cases the user may want to line up horizontally several small images with float:left, adding clear:left would prevent that.

I think the current configuration is the most compatible one, letting the user decide how the images are arranged and add the needed css either inline or to the theme's stylesheet.

Closing as invalid for now, if someone thinks there's a solution that will fit all cases, feel free to reopen.