affe: Tinymce und Klassen

Beitrag lesen

Hallo,

Ich nutze Tinymce und möchte damit texte klassifizieren.
Ich habe tinymce schon soweit umprogrammiert, dass ich meine Klassen über das DropDown-Menü "--Styles--" auswählen kann.

Aber Tinymce ist zu doof!

Angenommen wir haben diesen Text:
asdfasdfasdf
asdfasdfasdf

Wenn ich nur eine Textzeile doppelt anklicke und dann den Style auswähle macht er folgenden HTML-Code draus:
<p class="style_small">asdfasdfasdfasdf</p>
Soweit so gut!

Ich kann den Text aber auch vom Ende bis zu Anfang markieren. Dann passiert folgendes:
<p class="style_small">asdfasdfasdf</p><p><span class="style_small">asdfasdfasdfasdf </span></p>

Plötzlich findet sich da ein <SPAN> was noch besser ist wie der <P>-Tag.
Warum ist das besser?: Meine Klasse die ich dazu benutze ist folgende:

width: 0px;
background-color: #fff;
filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5;
padding: 4px;
font-size: 10px;

Wenn <SPAN> Die klasse annimmt macht der Browser genau das was er soll.
Der Text wird mit einem halbtransparentem Hintergrund hinterlegt mit padding: 4px;
Leider muss ich width: 0px; als Trick angeben damit der Text-Hintergrund von anfang bis Ende geht und nicht weiter oder kürzer ist wie der text selbst.
Im Firefox ist das aber genau das Problem:
<p class="style_small"> hinterlegt diesen Text-Hintergrund nur für etwa 5px breite und der rest bleibt normaler text!

Um Das Problem einfacher zu verstehen kopiert den nachfolgenden HTML-text hier rein http://www.w3schools.com/TAGS/tryit.asp?filename=tryhtml_span

----

<style type="text/css">
<!--
body {
background-color: green;
}

.style_small {

width: 0px;
 background-color: #fff;

filter:alpha(opacity=50);
 opacity: 0.5;
 -moz-opacity:0.5;

padding: 4px;

font-size: 10px;
}
-->
</style>

<p class="style_small">asdfasdfasdf</p>
<p><span class="style_small">asdfasdfasdfasdf </span></p>

----

wie gesagt ein mal im IE und einmal im FF anschauen.
Dazu empfehle ich für den Firefox das Add-On: "IE-Tab"!

Frage:
Wie bekomme ich es hin das der FF das selbe macht wie der IE oder der P-Tag das selbe macht wie der SPAN-Tag?

Danke!