Opened 18 years ago
Closed 18 years ago
#6687 closed defect (bug) (invalid)
TinyMCE is not working so well
| Reported by: |
|
Owned by: | |
|---|---|---|---|
| Milestone: | Priority: | normal | |
| Severity: | trivial | Version: | 2.5 |
| Component: | TinyMCE | Keywords: | |
| Focuses: | 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 (1)
Change History (6)
#1
@
18 years ago
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).
#2
@
18 years ago
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.
#5
@
18 years ago
- Milestone 2.5.1 deleted
- Resolution set to invalid
- Status changed from new to closed
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.
Screenshot