Zum Inhalt springen

CSS-Formatierungen im Frontend nicht sichtbar!

Erstellt am 29. März 2008 · 2 Antworten · letzte Antwort am 29. März 2008

Tags: HTML & CSS, Frage

felis ·

Hallo! Ich habe in meiner TSConfig der Rootseite folgendes:

# RTE Konfiguration
RTE.default {
# Zuweisung der CSS-Datei
contentCSS = fileadmin/ortho/styles/rte_formate.css

}

Mein Css sieht so aus:

body {
font-family:  Arial, Helvetica, sans-serif;
# background-color:#f7f7f7;
padding: 5px;
width: 574px;
min-height: 325px;
text-align: left;
font-size: 12px;
color: #101010;
}
 
.htmlarea-content-body {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding:3px;
background-color:#f7f7f7;
color: #101010;
}
 p {
font-size : 12px;
line-height : 16px;
 margin : 10px 0;
 }
ul {
list-style-type : none;
list-style-image : url(../img/pfeil_b.gif); 
padding-left : 15px;
margin : 5px;
}
 ul li ul {
list-style-image : url(../img/pfeil_o.gif);
padding-left : 15px;
margin-bottom : 5px;
}
img {
border : none;
}
a {
color:#3f52a0 !important;
text-decoration : none !important;
}
 a:link {
color : #3f52a0 !important;
text-decoration : none !important;
}
a:visited {
color : #3f52a0 !important;
text-decoration : none !important;
}
a:focus {
color : #df5511 !important;
text-decoration : underline !important;
 }
a:hover {
color : #df5511 !important;
text-decoration : underline !important;
}
 a:active {
color : #3f52a0 !important;
text-decoration : none !important;
}

      h1 {
      font-size : 22px;
      margin : 0;
      padding : 5px 5px 10px 0;
      font-family : Verdana;
      color : #3f52a0;
      }
      h2 {
      font-size : 20px;
       margin : 0;
       padding : 5px 5px 5px 0;
      font-family : Verdana;
      font-weight : bold;
      color : #df5511;
       }
      h3 {
       font-size : 18px;
      margin : 0;
      padding : 3px 0 3px 0;
      font-family : Verdana;
      font-weight : bold;
      color : #3f52a0;
      }
      h4 {
      font-size : 16px;
      margin : 0;
      padding : 3px 0 3px 0;
       font-family : Verdana;
       font-weight : bold;
      color : #df5511;
      }
      h5 {
      font-size : 14px;
      margin : 0;
      padding : 3px 0 3px 0;
      font-family : Verdana;
      font-weight : bold;
      color : #3f52a0;
      }
      h6 {
      font-size : 12px;
      margin : 0;
      padding : 3px 0 3px 0;
      font-family : Verdana;
      color : #df5511;
      }

Im Backend funktionieren die Anderungen in Schriftart/Farbe und Größe, aber die Links sind trotzdem alle in Standard (also auch unterstrichen!)
Im Frontend ändert sich gar nix!!! Woran kann das liegen?

Unbekannter Benutzer ·

Hast du die Datei denn auch in deinem Template eingebunden?
Steht der Link zu der Datei in deinem Quelltext?

Ansonsten in deinem TS-Setup:

page.stylesheet = fileadmin/ortho/styles/rte_formate.css

oder

page {
	includeCSS {
		file1 = fileadmin/ortho/styles/rte_formate.css
	}
}