Seite 1 von 1

Probleme mit der Einbindung von Sylesheets

Verfasst: Fr 2. Apr 2004, 11:40
von andbg
Hallo !

Ich habe ein Problem mit dem Einbinden von Stylesheets:

- Im Styleeditor habe ich die gewünschten Stylesheets definiert
- Im Layout binde ich die Datei ein:
<link rel="stylesheet" type="text/css" href="format.css"

Frage ?
Weshalb werden im Editor die Stylesheets nicht mir angezeigt ?
Es gibt eine Dropdown Liste, in der nur der Eintrag "Style" steht .. sonst nichts.

Ich weiß da echt nicht weiter, jemand von Euch vielleicht ?

Gruss
Andreas

Verfasst: Fr 2. Apr 2004, 12:00
von emergence

Probleme mit der Einbindung von Sylesheets

Verfasst: Fr 2. Apr 2004, 12:12
von andbg
Danke für die schnelle Antwort.

Ich glaube aber, dass ich das grundsätzliche Problem habe, die Stylesheets einzubinden.
Das Einbinden in den Editor will ich mal noch gar nicht so direkt sehen.
Aber immerhin müßten die von mir erzeugten Links anderes dargestellt werden.

Noch eine Idee ?

In der zwischenzeit habe ich mal

<link rel="stylesheet" type="text/css" href="format.css"

in

<link rel="stylesheet" type="text/css" href="css/format.css"

abgeändert.
Leider immer noch keine Besserung.

Andreas

Verfasst: Fr 2. Apr 2004, 12:19
von emergence
das posting oben bezieht sich nur auf die einbindung von einem stylesheet in den editor...
um das dropdown mit styles zu füllen siehe -> docs/techref/backend.customizing.html
wysiwyg spaw-styles ....

Code: Alles auswählen

<link rel="stylesheet" type="text/css" href="css/format.css">
wenn dein style sich an dieser position befindet stimmt diese zeile...

versuch mal ein einfacheres style zu definieren...
zb schriftgröße bei einem p element... dann weisst du wenigstens ob es überhaupt verwendet wird...

Probleme mit der Einbindung von Sylesheets

Verfasst: Fr 2. Apr 2004, 13:04
von andbg
hmmm ... vielen Dank !

es funktioniert. Ich weiß zwar noch nicht warum es mit
meinem reinkopierten Stylesheet aus Dreamweaver nicht funktioniert hat,
aber mit einem einfachen Stylesheet geht es. Dann werde ich das jetzt mal schrittweise aufbauen. *seufz*

Warum stelle ich mir das immer alles so einfach vor ?? *grübel* :idea:

Gruss
Andreas

Probleme mit der Einbindung von Sylesheets

Verfasst: Fr 2. Apr 2004, 13:15
von andbg
funktioniert doch nicht.
Er bindet die Datei nicht ein.
Es hatte funktioniert, weil ich den Stylesheet direkt in das Layout reingeschrieben hatte.
Wenn ist aber auf eine Stylesheet datei verweise, klappt es nicht. *frust*

Vielleicht sollte ich mir doch ein fertiges CMS System kaufen.
Wenn man die Zeit rechnet, um ein opensource produkt zum laufen zu bekommen ... oder ?

Andreas

Re: Probleme mit der Einbindung von Sylesheets

Verfasst: Fr 2. Apr 2004, 13:18
von emergence
andbg hat geschrieben:Es hatte funktioniert, weil ich den Stylesheet direkt in das Layout reingeschrieben hatte.
Wenn ist aber auf eine Stylesheet datei verweise, klappt es nicht. *frust*
sag mal wie sieht dein externes stylesheet den aus ?
andbg hat geschrieben:Vielleicht sollte ich mir doch ein fertiges CMS System kaufen.
Wenn man die Zeit rechnet, um ein opensource produkt zum laufen zu bekommen ... oder ?
wie du meinst, dennoch bleibt dir bei anderen kommerziellen produkten eine einarbeitungsphase nicht erspart...
dein problem hat nichts mit contenido zu tun... dabei geht es nur um stylesheets und html...

Probleme mit der Einbindung von Sylesheets

Verfasst: Fr 2. Apr 2004, 13:36
von andbg
Weiß ich :o) war auch mehr eine frustbemerkung

Also ...

Grundsätzlich möchte ich eine bestehende Internetseite im CMS abbilden und die bestehende css-datei übernehmen.

die sieht folgendermaßen aus:


.text {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #2D3048;
word-spacing: normal;
}
.tabelle {
border: thin none;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #333333;
font-style: normal;



}
.überschrift { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #000000}
a:link { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #2D3048; text-transform: none}
.fett { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #2D3048}
a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; font-variant: normal; color: #575C8A; text-transform: none}
.kursiv { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; line-height: normal; font-weight: normal; font-variant: normal; color: #000000}
a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
color: #CC6633;
text-transform: none;
}
.hinweistext { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-variant: normal; color: #000099}
.programmmodi { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; font-variant: normal; color: #000066}
.achtung { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #FF0000; text-decoration: blink}
.blocktext { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #613018; text-align: justify; border-right-width: thin; border-bottom-width: thin; border-left-width: thin}
.fehler { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #2D3048; text-align: justify; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; background-color: #CEF}

.statustext {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
color: #666666;
letter-spacing: 1px;
word-spacing: normal;


}
.greatletter { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; font-variant: normal; color: #333333}
.Menuepunkte { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #000066}
.menuetext {
font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; font-variant: normal; color: #333333
}
.kalendertext {
font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; color: #333333
}
.greentable {
border: 1px solid #003300;
}
.blocktexttable {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #003300;
text-align: justify;
border: 1px solid #666633;
position: relative;



}
.textframe {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
height: auto;
border: 1px none #CC6633;
margin: 10px;
padding: 10px;
line-height: 15px;
font-weight: normal;
font-variant: normal;
text-align: justify;
width: 1px;




}
.blocktext2 {
font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #2D3048; text-align: justify; border-right-width: thin; border-bottom-width: thin; border-left-width: thin
}
.newstext {
font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #2D3048; text-align: justify; border-right-width: thin; border-bottom-width: thin; border-left-width: thin
}
.datumstext {

font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
color: #666666;
}
.tabelle{
font-family: Arial, Helvetica, sans-serif;
font-size: xx-small;
color: #333333;
font-style: normal;
margin: 4px;
padding: 4px;
height: 1px;
width: 1px;
border: 1px none #000000;



}


Diesen Code per Copy -> Paste direkt unter style, styleeditor in das vorhandene style format.css reinkopiert
Alles legt contenido unter cms/css/format.css ab.

Dann habe ich in meinem Layout einen Container folgendermaßen formatiert: <span class="blocktext">CMS_CONTAINER[4]</span>

Im Headerbereich steht <link href=css/format.css" rel="stylesheet" type="text/css">

Artikel erstellt, aufgerufen und der Text wird als normaler text angezeigt.
Die Links sollten normalerweise ebenfalls formatiert sein ... ist auch nicht der Fall ...


Ich weiß einfach nicht weiter

Hast Du noch eine Idee ?

Gruss
Andreas

Verfasst: Fr 2. Apr 2004, 13:43
von emergence

Code: Alles auswählen

<link href=css/format.css" rel="stylesheet" type="text/css"> 
versuch mal

Code: Alles auswählen

<link href="css/format.css" rel="stylesheet" type="text/css"> 
vielleicht liegts ja nur am fehlendem "

Probleme mit der Einbindung von Sylesheets

Verfasst: Fr 2. Apr 2004, 13:47
von andbg
sorry nein
Die Anführungsstriche hatte ich einfachnur im Forum vergessen zu schreiben.

Verfasst: Fr 2. Apr 2004, 13:50
von emergence
hmm...
ich teste das mal bei meinem system...

muss nur momentan leider weg...

Verfasst: Fr 2. Apr 2004, 20:43
von scipio
Also, bei mir arbeitet das Stylesheet. Kann man sich das Ergebnis deiner Arbeit irgendwo anschauen?

Verfasst: Fr 2. Apr 2004, 21:27
von Halchteranerin
scipio hat geschrieben:Also, bei mir arbeitet das Stylesheet.
Hast Du das Beispiel so wie von ihm angegeben benutzt? Denn ich habe das bei mir probiert, einmal mit
<span class="blocktext">CMS_CONTAINER[4]</span> im Layout, da hat naemlich der Blocksatz nicht funktioniert (Text war aber z.B. braun, also wurde das zum Teil doch interpretiert) und dann direkt beim Text
<p class="blocktext">blabla</p>, und dann ging's auch mit dem Blocksatz. Ich vermute, dass es an der Benutzung von <span> liegt, damit hatte ich auch oefter Probleme, aber es liegt offensichtlich weder an Contenido noch am CSS.

Verfasst: So 4. Apr 2004, 13:51
von emergence
hab ich mir angesehen... hatte damit auch keine probleme...
d.h. das stylesheet wird eingebunden und die klassen (korrekt angewendet) funktionieren...

nur als anmerkung:
span ist ein inline element und es ist ne schlechte idee es um ein block element zu setzen zb <p>
an sich ist diese variante ungültig und der browser hätte recht es zu ignorieren...