FCKeditor 2.64: Problem mit der Formattierung

[midiweb]

Hallo, da ich im Französischen oder in Englischen über mein Problem keine ausreichende Hilfe bekommen habe , wende ich mich nun an das deutsche Forum.

Ich habe mit WB 2.7  (und dem Designvorlage Industry1) für eine kleine Consultingbüro eine kleine  Homepage gestaltet.

Die folgende Probleme sind momentan nicht gelöst:

Mit FCKeditor 2.6.4 die Texte oder/und die Bilder die ich zusammen einfüge,  haben im Frontend (Homepageansicht) eine andere Formattierung (Einzug, Zeilenausrichtung,Linienabstand..)als im Backend, z.B ich füge mehrere Logos ein und dazu einen linksbündigen  Text,.. Die Texte und die Bilder  sind nicht mehr zusammen  ausgerichtet.
Ich habe dennoch im Ordner "Templates" eine editor.css mit den selben Parametern von industry1.css angelegt.

ich würde gern einen anderen Designvorlagen benutzen oder wird das Update WB 2.8 alles verbessern und  stabiler machen?

Ich weiss nicht woran liegt das Problem?

hier die vorläufige Homepage (unvollständig)

www.jurgschat-consulting.eu


Wer kann mir helfen?

[Luisehahne]

An WB liegt es nicht, FCKeditor lässt sich anpassen. Habe das aber auch nicht alles im Kopf schau bitte hier

http://docs.cksource.com/

Dort klickt du auf

# FCKeditor 2.x Developer's Guide
oder
# FCKeditor 2.x User's Guide

Dietmar

[doc]

Hallo,

übertrage mal die Stil-Formatvorlage des Frontends in die Datei: /modules/fckeditor/wb_config/wb_fckeditorarea.css. Diese regelt die Abstände, Hintergrundfarben und zwar unabhängig vom gewählten Template (quasi global für alle Seiten).

Solltest Du in der CSS Datei Deines Frontends sowas wie:

Code:

#container h1 { color: green; }

verwenden, muss dies für das Backend in

Code:

h1 { color: green; }

umgewandelt werden, da es dort den Div-Container #container nicht gibt.

Anschliessend Browsercache löschen und im Backend anmelden. Die CSS Stile sollten dann übernommen werden.

Um eigene Stile (z.B. Bild link) in die Dropdownmenüs des FCK zu übernehmen, kannst Du die Datei /modules/fckeditor/wb_config/wb_fckstyles.xml bearbeiten. Infos über den Aufbau der XML Attribute sind auf der Homepage des FCKEditors zu finden (siehe Links von Luisehahne).

Gruss Doc

[Luisehahne]

Danke Doc,

du kennst den FCKeditor in und auswendig

Dietmar

[midiweb]

Hello, danke sehr für eure Hilfe.
Wie wandle ich doch solche Code  um?:

Code:

#nav {
width : 980px;
height : 22px;
border-top : 5px solid black;
position : relative;
margin : 0;
margin-top : 0;
margin-bottom : 0;
padding-left : 0;
text-align : right;
/*background-color: #9f9bd1;*/
background: url(../../media/oberrand.jpg) no-repeat;
}
#nav li {
padding-left : 16px;
padding-right : 10px;
display : inline;
height : 20px;
background: url(../../media/traitvertical2.jpg) no-repeat;
}
#nav li a {
/*padding-left : 10px;*/
/*padding-right : 12px;*/
color : black;
font : bold     normal normal 10px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
}
#nav li a:hover
{
color: #cb1625;
}

meine ganze Code hier:

Code:

body {
font-family : Verdana, Geneva, Arial, helvetica, sans-serif;
font-size : 10pt;
padding : 0;
margin-top : 10px;

}
#nav {
width : 980px;
height : 22px;
border-top : 5px solid black;
position : relative;
margin : 0;
margin-top : 0;
margin-bottom : 0;
padding-left : 0;
text-align : right;
/*background-color: #9f9bd1;*/
background: url(../../media/oberrand.jpg) no-repeat;
}
#nav li {
padding-left : 16px;
padding-right : 10px;
display : inline;
height : 20px;
background: url(../../media/traitvertical2.jpg) no-repeat;
}
#nav li a {
/*padding-left : 10px;*/
/*padding-right : 12px;*/
color : black;
font : bold     normal normal 10px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
}
#nav li a:hover
{
color: #cb1625;
}
#main {
font-family : Verdana, Geneva, Arial, helvetica, sans-serif;
font-size : 9pt;
width : 980px;
margin-left : auto;
margin-right : auto;
border-right : 1px solid #666666;
border-left : 1px solid #666666;
}
#hero {
margin : 0 10px;
width : 218px;
height : 106px;
background-image : url(../../media/jurgschatbanner.jpg);
background-repeat : no-repeat;
float : left;
}
#hero2 {
margin : 0;
margin-left: 286px;
margin-right: auto;
height : 106px;
background-image : url(../../media/topbanner3.jpg);
background-repeat : no-repeat;
}
.gear {
width : 970px;
height : 0px;
margin-top : 0;
margin-left : 15px;
}
#header h1 {
position : absolute;
left : 94px;
top : 8px;
color : white;
font-size : 48px;
font-weight : bold;
margin : 0;
}
#header em {
font-style : normal;
text-decoration : underline;
}
#wrapper {
display : inline;
/*display : block;*/
padding-top : 0;
background-color : white;
position : relative;
}
/*#wrapper:after {
content : '.';
display : block;
height : 0;
clear : both;
visibility : hidden;
}*/
#sidebar {
/*background: url(../../media/menu-fond.jpg) no-repeat;*/
float : left;
text-align : center;
margin-left : 0;
margin-top : 0;
position : relative;
padding : 10px 10px 20px 10px;
width : 160px;
height : 820px;
border-right : 1px dotted ;
}

#aktuelles {
float : right;
text-align : center;
margin-left : 0;
margin-top : 0;
position : relative;
padding : 12px 10px 20px 10px;
width : 140px;
height : 920px;
/*background: url(../../media/aktuelles-hintergrund.jpg) no-repeat 10px 12px;*/
border-left : 1px dotted;
background-color: #e6e6e6;
}
#aktuelles h4 {
color : #232219;
text-align: center;
text-decoration: underline;
}
/*#sidebar h3 {
font-size : 18px;
border-bottom : 1px solid black;
margin-bottom : 4px;
margin-top : 16px;
clear : both;
}*/
#sidebar ul {
margin-left : 1em;
padding-left : 0;
}
#sidebar p {
margin-bottom : 8px;
}
#sidebar div.subtabs ul {
list-style : none;
width : 155px;
margin : 0;
padding : 0;
}
#sidebar div.subtabs ul ul {
list-style : none;
width : 130px;
margin : 0;
padding : 0 0 0 25px;
}
#sidebar div.subtabs ul ul ul {
list-style : none;
width : 125px;
margin : 0;
padding : 0 0 0 5px;
}
#sidebar div.subtabs ul a {
width : 100%;
margin : 3px;
text-align : left;
text-decoration : none;
display : block;
padding : 3px 3px 3px 5px;
border-bottom : 1px solid #949494;
border-left : 4px solid #cccccc;
font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
color: #0a0a0a;
}
#sidebar div.subtabs ul a:hover {
text-decoration : none;
background : #eaeaea url(img/menubg2.gif) repeat-x left;
color : #da0434;
border-left : 4px solid #110200;
}
/*#sidebar div.subtabs ul a:visited {
text-decoration : none;
background : #eaeaea url(img/menubg2.gif) repeat-x left;
color : #da0434;
border-left : 4px solid #110200;
}*/
/*#login{
margin-left : 0;
margin-top : 0;
position : relative;
padding : 0px 0px 0px 0px;
width : 165px;
height : 180px;
background-color: #e2ecff;
}*/
#content {
margin : 0 0 0 180px;
min-height : 310px;
height : auto !important ;
width : 600px;
display : block;
position : relative;
padding : 0 3px 20px 10px;
color : #0b0b0b;
}

#content h1 {
font-size : 20px;
margin : 0;
/*text-decoration : underline;*/
}
#content h2 {
font-size : 18px;
margin : 0;
/*text-decoration : underline;*/
}
#content .date {
float : right;
}
#content .postedBy {
float : left;
}
#content .meta {
height : 1em;
}
#content p {
text-align : justify;
text-indent : 1em;
line-height : 1.3em;
}
/*.comments {
border-top : 1px dotted #666666;
border-bottom : 1px dotted #666666;
padding : 4px;
text-align : right;
margin-bottom : 2em;
background-image : url(images/comment_edit.gif);
background-repeat : no-repeat;
background-position : center left;
}*/
a {
color : #3c3b96;
}
/*.pullout {
background-color : #eeeeee;
padding : 5px;
float : right;
margin : 8px;
}*/
#footer {
width : 980px;
height : 42px;
padding-top : 0;
padding-bottom : 0;
margin-left : auto;
margin-right : auto;
color : #6a72b5;
text-align : center;
background: url(../../media/bottombanner.jpg) no-repeat center;

}
.right {
float : right;
}
.csskeyword {
color : blue;
}
.cssvalue {
color : red;
}
p.caption {
text-align : center;
}
small.super {
vertical-align : top;
font-size : 0.75em;
line-height : 1.3em;
}
.nodisplay {
display : none;
}
/*.menu_current {
   background-color: #666666;
   color: #ffffff;
}*/
/*
  Just uncomment the following block if you want to avoid spaces between
  paragraphs. Remember to apply the same style in your output front end page.
*/

/*
p, ul, li {
  margin-top: 0px;
  margin-bottom: 0px;
}
*/