CSS mit div element blockieren
MASTERofDESASTER
- css
Guten Tag alle zusammen,
ich habe das gleiche Problem:
Ich programmiere mir gerade ein CMS. Unter anderem hat das die Funktion Seiten zu erstellen und Seiten zu bearbeiten.
Für diese Sache, habe ich mir einen WYSIWYG Editor downgeloadet (xinha).
Meine Seite, die das CMS jetzt (und auch das ACP, wo ich die Seite erstelle/bearbeite) ist in etwa so aufgebaut:
------------
---HEADER---
------------
MAIN>>>
>>>>>>>>>>>>>
>>>CONTENT>>>
>>>>>>>>>>>>>
-------------
-----MENU----
-------------
--------------
---CMS_TEXT---
--------------
<<<<<<<<<<<<<
<<<CONTENT<<<
<<<<<<<<<<<<<
<<<<<<<<<<
<<<MAIN<<<
<<<<<<<<<<
------------
---FOOTER---
------------
Alle verschiedenen Bereiche haben ihren eigene CSS-Modifikation:
#header {
height:10px;
margin:0px;
text-align:left;
width:1000px;
}
#header a {
color:#DDDDDD;
}
#main h1 {
color:#993333;
font-size:12pt;
margin:0px;
padding-bottom:8px;
}
#main h2 {
color:#993333;
font-size:11pt;
margin:0px;
padding-bottom:8px;
}
#content {
float:left;
min-height:400px;
position:relative;
text-align:left;
width:945px;
}
und so weiter.
Der WYSIWYG-Editor liegt im CMS-Text Bereich.
Leider wird der Editor falsch angezeigt (Buttons übereinander).
Schalte ich das CSS jetzt aus und zeige die Seite komplett ohne CSS an, stimmt alles mit dem Editor -> Am CSS ist was falsch.
Damit nichts den WYSIWYG Editor stört, würde ich jetzt gerne das CSS an einem bestimmten Bereich "ausschalten". Und das ist mein Problem, wie mache ich das???
Ich hoffe mir kann jemand helfen, viel Dank!
MASTERofDESASTER
Hallo,
Damit nichts den WYSIWYG Editor stört, würde ich jetzt gerne das CSS an einem bestimmten Bereich "ausschalten". Und das ist mein Problem, wie mache ich das???
Du möchtest für den Editor- Bereich das vorhandene CSS nutzen und vermeiden, dass deine neune Definitionen stören?
Ein vorhandenes CSS kannst du ausschalten, indem du die CSS- Datei nicht lädst, sonst wirkt es auf die dort benannten Objekte.
Du kannst aber neuen Bereichen eine Klasse oder iene ID geben und die neuen CSS- Definitionen nur darauf anwenden:
<div class=meins>
<h1>...</h1>
<p>...</p>
</div>
<!-- nicht meins, also das Alte: -->
<h1>...</h1>
<p>...</p>
.meins h1 {color:#f00; ...}
Kalle