@jacobi22 Maybe you pointed to a possible solution when you wrote that the old image plugin also works with html 5?
Or did I oversee something?
no, not you - it was my fault
- sorry for that, i did'nt read the complete docu and understand your problem wrong.
the code from the image2-plugin is html5-conform, but the plugin give not so much possibilitys like the "old" standard image-plugin.
the "old" image-plugin give a non-html5-compatible code, if its use border or hspace
a little history.... the new image2-plugin is a "new" plugin from the ckeditor.com-webpage (means: is a first step, maybe it come a better version in the future), a try to give some html5-compatible code in the editor. It give's another plugin that give a little more service for responsive pictures
here the plugin -> http://ckeditor.com/addon/imageresponsive
and here a picture from the interface in the backend
same problem.... no css-class, no style-informations
from my point of view.... at the moment only two ways
1. using the image2-plugin without preview in the interface, without field for a class-name etc
2. using the "old" - standard-image-plugin combined with the solution from florian
i talk with Dietmar the last ours to found the best solution and we found, that the best way is it, to remove the image2-plugin from the package
for the fast solution, its possible to remove the image2-plugin, if you follow the instructions from post#197
after that, you have the "old" image-interface with the tabs and the solution from florian, works without problems for html5 and for me with the css in the bottom also in html4.x (no trouble with the validator because the missing px in with & height
on my own hp i use the fckeditor, this give me a html5-conform code like this
<img width="315" height="200" alt="" class="textbild aboutpic0" src="http://xyz.de/media/banner2.png" />
but its also possible, to edit the code in the source-code-mode in the ckeditor and remove the px there or (better way) if you use the code from Florian
than i have two classes for every picure, called for me with "textbild" (a picture inside in the content) and the class "aboutpicX" (give some styling to every pic like a border, margin-left etc)
now my css
for all pics - is needed for responsive
the class textbild
and the individual styling (its not needed for responsive)
border: 2px solid #003480;
this works fine in my responsive html5-templateThx also to Florian for the solution!