Crazy behavior: Inserting sliders "clears" formating

[BBallLady]

Dear community,

I really have no idea what happens here. I hope you guys have an idea...

I use: J2.5.8 & Tabs&Slides 2.6

The really wired about it is that it sometimes works well and if I then change a bit of text (no formatting) it's broken again. It's like a loose contact 

The behavior:
If I only use tabs the site is correctly shown with all formats I've given in the css -> see first picture
If I add the sliders the formatting is completely broken -> see second picture

I checked the content:
There is nothing special used only the general formating which works on all sites without the sliders.

I checked the css:
All instructions concerning the tabs are obviously ok as it work everything fine with it.
The instructions for the slides are the following:

Code: [Select] [nofollow]

/* Sliders (accordion)
------------------------------------------ */
div.jwts_toggleControlContainer {}
	div.jwts_toggleControlContainer a.jwts_toggleControl {
/*         font-weight:bold;
        color:#666;
        font-size:12px;
        text-decoration:none;
        display:block;
        border-top:1px solid #ccc;border-bottom:1px solid #ccc;
        background:#fff;
         padding:4px;margin-top:-1px;*/
        }
		div.jwts_toggleControlContainer a.jwts_toggleOn {
/*             border-bottom:none;
            background:-moz-linear-gradient(top, #E0E0E0, #f7f7f7); /* Firefox
            background:-webkit-linear-gradient(top, #fff, #adf); /* Safari, Chrome
            background:-o-linear-gradient(top, #fff, #adf); /* Opera
            background:-ms-linear-gradient(top, #fff, #adf); /* IE
            background:linear-gradient(top, #fff, #adf); /* W3C Standard
 */        }
		div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleMinus,
		div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_togglePlus {/* display:inline-block; width:16px;text-align:center;*/}
		div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_togglePlus,
		div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_toggleMinus {display:none;}
		div.jwts_toggleControlContainer a.jwts_toggleControl span.jwts_toggleControlTitle {}
		div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleControlNotice {/*color:#999;font-style:italic;font-weight:normal;font-size:11px; display:block;float:right ;*/}
		div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_toggleControlNotice {display:none;}
div.jwts_toggleContent {}
	div.jwts_content {padding:4px;}

/* IE7 specific */
body.jwts_IsIE7 div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleControlNotice {display:none;}

I really hope you guys can help because I'm really out of any ideas...

[BBallLady]

I did some more research:

The problem is that the editor (JCE) adds <p> tags around the {slide=...} and {/slide}
For the {tab=} and {/tabs} this is not a problem at all but obviously for the slides.

Does anyone have a suggestion? Because other people will handel the texts and are not familiar to html so they cannot delete the <p> tags every time they do any changes...

[BBallLady]

Alright, I'm sorry. It's a JCE thing. JCE adds tags if not set correctly...
My fault. Unfortunately I wasn't able to simply delete this topic

[amedida]

Alright, I'm sorry. It's a JCE thing. JCE adds tags if not set correctly...
My fault. Unfortunately I wasn't able to simply delete this topic

Hello!

How exactly do you set JCE for it no to add those tags?

Thanks