You need to be logged in to post in the forum - Log In
An active JCE Pro Subscription is required to post in the forum - Buy a Subscription
- Support
- Forum
- JCE Editor
- Space After Successive IMG Tags
Support is currently Online
Official support hours:
Monday To Friday
From 09:00 To 17:00 Europe/London (BST)
From 09:00 To 17:00 Europe/London (BST)
I have just updated to 2.7.17 Pro. On versions before, everything was fine.
The issue involves the editor putting spaces after successive graphics. For example, I use a succession of graphics to indicate ratings.
You can see it CORRECTLY here - there are NO spaces between each star.
https://www.soundstagexperience.com/index.php/music-movies-a-shows-menu/by-category/cd-music/935
Now, the editor, when it is reformatting the HTML, is putting after or before each IMG tag, which ends up spacing the stars out:
https://www.soundstagexperience.com/index.php/music-movies-a-shows-menu/by-category/cd-music/938
I've tried removing the spaces, but the editor puts them back in.
????
Thank you for your time.
DS
The issue involves the editor putting spaces after successive graphics. For example, I use a succession of graphics to indicate ratings.
You can see it CORRECTLY here - there are NO spaces between each star.
https://www.soundstagexperience.com/index.php/music-movies-a-shows-menu/by-category/cd-music/935
Now, the editor, when it is reformatting the HTML, is putting after or before each IMG tag, which ends up spacing the stars out:
https://www.soundstagexperience.com/index.php/music-movies-a-shows-menu/by-category/cd-music/938
I've tried removing the spaces, but the editor puts them back in.
????
Thank you for your time.
DS
The insertion of the images goes way back. Originally, it was probably through the image-insertion button. But it's been good for years. With this latest JCE update, the code is getting rewritten and, somehow, a space is getting inserted. You can't really see the space here, but before, it would just string all the IMG tags together one after the other, but now it looks like this -- and in there is a space after each.
<p><strong>Overall Enjoyment<br /></strong>
<img src="images/stories/ratings/fullstar_red.png" alt="*" width="15" height="15" />
<img src="images/stories/ratings/fullstar_red.png" alt="*" width="15" height="15" />
<img src="images/stories/ratings/fullstar_red.png" alt="*" width="15" height="15" />
<img src="images/stories/ratings/fullstar_red.png" alt="*" width="15" height="15" />
<img src="images/stories/ratings/emptystar.png" alt="" width="15" height="15" />
</p>
<p><strong>Picture Quality<br /></strong>
<img src="images/stories/ratings/fullstar_red.png" alt="*" width="15" height="15" />
<img src="images/stories/ratings/fullstar_red.png" alt="*" width="15" height="15" />
<img src="images/stories/ratings/fullstar_red.png" alt="*" width="15" height="15" />
<img src="images/stories/ratings/fullstar_red.png" alt="*" width="15" height="15" />
<img src="images/stories/ratings/emptystar.png" alt="" width="15" height="15" />
</p>
<p><strong>Sound Quality<br /></strong>
<img src="images/stories/ratings/fullstar_red.png" alt="*" width="15" height="15" />
<img src="images/stories/ratings/fullstar_red.png" alt="*" width="15" height="15" />
<img src="images/stories/ratings/fullstar_red.png" alt="*" width="15" height="15" />
<img src="images/stories/ratings/halfstar_red.png" alt="1/2" width="15" height="15" />
<img src="images/stories/ratings/emptystar.png" alt="" width="15" height="15" />
</p>
<p><strong>Extras</strong><br />
<img src="images/stories/ratings/fullstar_red.png" alt="*" width="15" height="15" />
<img src="images/stories/ratings/fullstar_red.png" alt="*" width="15" height="15" />
<img src="images/stories/ratings/fullstar_red.png" alt="*" width="15" height="15" />
<img src="images/stories/ratings/emptystar.png" alt="" width="15" height="15" />
<img src="images/stories/ratings/emptystar.png" alt="" width="15" height="15" />
</p>
<p><strong>Overall Enjoyment<br /></strong>
<img src="images/stories/ratings/fullstar_red.png" alt="*" width="15" height="15" />
<img src="images/stories/ratings/fullstar_red.png" alt="*" width="15" height="15" />
<img src="images/stories/ratings/fullstar_red.png" alt="*" width="15" height="15" />
<img src="images/stories/ratings/fullstar_red.png" alt="*" width="15" height="15" />
<img src="images/stories/ratings/emptystar.png" alt="" width="15" height="15" />
</p>
<p><strong>Picture Quality<br /></strong>
<img src="images/stories/ratings/fullstar_red.png" alt="*" width="15" height="15" />
<img src="images/stories/ratings/fullstar_red.png" alt="*" width="15" height="15" />
<img src="images/stories/ratings/fullstar_red.png" alt="*" width="15" height="15" />
<img src="images/stories/ratings/fullstar_red.png" alt="*" width="15" height="15" />
<img src="images/stories/ratings/emptystar.png" alt="" width="15" height="15" />
</p>
<p><strong>Sound Quality<br /></strong>
<img src="images/stories/ratings/fullstar_red.png" alt="*" width="15" height="15" />
<img src="images/stories/ratings/fullstar_red.png" alt="*" width="15" height="15" />
<img src="images/stories/ratings/fullstar_red.png" alt="*" width="15" height="15" />
<img src="images/stories/ratings/halfstar_red.png" alt="1/2" width="15" height="15" />
<img src="images/stories/ratings/emptystar.png" alt="" width="15" height="15" />
</p>
<p><strong>Extras</strong><br />
<img src="images/stories/ratings/fullstar_red.png" alt="*" width="15" height="15" />
<img src="images/stories/ratings/fullstar_red.png" alt="*" width="15" height="15" />
<img src="images/stories/ratings/fullstar_red.png" alt="*" width="15" height="15" />
<img src="images/stories/ratings/emptystar.png" alt="" width="15" height="15" />
<img src="images/stories/ratings/emptystar.png" alt="" width="15" height="15" />
</p>
This appears to be caused by the HTML Formatting of the code in the Code tab, where <img> tags are formatted to display each on their own line, which introduces the whitespace.
Please try JCE Pro 2.7.19 Beta 4 - https://www.joomlacontenteditor.net/downloads/editor/pro/development
Clear your browser cache after install.
FYI - This will only affect articles that are subsequently edited via the Code tab, not existing articles that have had the space added.
Please try JCE Pro 2.7.19 Beta 4 - https://www.joomlacontenteditor.net/downloads/editor/pro/development
Clear your browser cache after install.
FYI - This will only affect articles that are subsequently edited via the Code tab, not existing articles that have had the space added.
Just because you're not paranoid doesn't mean everybody isn't out to get you.
- Page :
- 1
There are no replies made for this post yet.
Be one of the first to reply to this post!
Be one of the first to reply to this post!