[Forum] 4 Editor Questions/Issues

[Mrdale96]

I've got 4 Editor Questions. I searched for a good 20 minutes or so first before starting this thread, so my apologies if these were posted before.

1. When attaching a photo inline (either way by URL or Computer), what do the "Title" and "Descriptions" do? I've input stuff in those boxes and never seen any results. I assumed that something would allow for a quote or some sort of text under a photo (great feature badly needed especially for a blog).

2. I can't get text to wrap around a Table that I justify right or left. The option is there, I've chosen it, it says it's aligned where I align it and it aligns there but text doesn't wrap around it. This definitely has to be an issue and a Bug with the Editor? I couldn't find the bug in JIRA so I was curious.

3. There appears to be a padding/margin issue with regards to inline photos when justified right or left with text wrapped. When you insert our picture and align it and size it, it looks fine with a slight 2px+ pad/margin between the photo and the text but when you submit the post, the text is smacked right up against the photo with no gap.

4. When inserting a photo, there are times when I justify/align the image with text wrapped and after I resize it and post it, it doesn't retain the text wrapping. This isn't consistent and it happens when going to full or large size. It shows up fine in the editor and in Preview but when you submit the post, the text isn't wrapped and there';s the big gigantic space next to the picture. If I edit it and change the size and submit, it is fine.

Thanks

[Mrdale96]

Any of these bugs getting fixed between 4.1.11 and 4.1.12?

[Lynne]

1. Title and Description is used in the image tag:

<img src="xxxx/attachmentid=100&amp;d=1277143963" border="0" alt="This is a description" class="size_thumbnail" title="This is a title" description="This is a description" />

2. I'm honestly not sure you can wrap text around a table as I've never tried. Have you tried it in the test section here so we can see what you are doing? A place to test things out

3. You may either write some custom CSS to change this, or add padding in the Style box for your image.

4. Can you link us to a post where this is happening?

[Mrdale96]

Hi Lyneee.

1. Thanks. I ended up figuring that was what it did. If text wrapped around a table I guess one could add text at the bottom of an image that way.

2. I just tried to wrap text around table and couldn't do it. The ckEditor demo shows you being able to do it automatically as ling you provide a justification for right or left

3. throwing in a "padding: 10px" really did the job the with the padding issue around the images. Any idea of the custom css that could be written, what it would be? There's no way anyone else at my board is going to understand adding passing in the style box.

4. Let me try to recreate the issue and I'll shoot you a link.

[Lynne]

You could try this in the additional.css template:

.content img {padding: 10px;}

[Mrdale96]

You could try this in the additional.css template:

.content img {padding: 10px;}

.
This worked except that it conflicted for some reason with Valter's Advance Forum Statistics Mod.

[Lynne]

Then make it more specific to just the posts.

#posts .content img {padding: 10px;}

[Mrdale96]

Then make it more specific to just the posts.

#posts .content img {padding: 10px;}

Thanks Lynne!

This looks to be working... at least until someone brings it to my attentin that there's a conflict elsehwere but a quick check showed nothing

[Mrdale96]

I've been using this latest fix - #posts .content img {padding: 10px;} for a month and it does what it's supposed to do except that it also adds a 10px padding around all of the smileys/emoticons as well making a sentence line have a big gap when a smiley is posted.

Any idea how to keep the padding for the images I attach to a post while it not effecting the smileys?

[Lynne]

Since the images don't have a class of their own, I can think of no way to only apply it to the images, and not the smilies.