Hallo zusammen,
aus der Bsp.-Datei der CSS_Style_Content habe ich folgende Formatierung in mein eigenes Stylesheet herüberkopiert und angepasst:
ul.csc-bulletlist LI {
margin:0px;
margin-left:-5px;
padding:0px;
font-family:Helvetica, arial, sans-serif;
font-weight:normal;
font-size:95%;
color:#fff;
} etc....
Einige wenige Angaben wie Margin oder Schriftfarbe werden nicht angenommen oder irgendwo überschrieben.
Wie behebe ich dies????
Der ausgegebene HTML-Code:
<ul class="csc-bulletlist csc-bulletlist-0">
<li>Punkt 1</li>
<li>Punkt 2</li>
<li>Punkt 3</li>
<li>Punkt 4</li>
</ul>
Danke für Eure HILFE!!! - Adlerauge sei wachsam -
Hi,
1.) CSS Datei integriert im TypoScript?
2.)
font-size:95%;
Arbeite lieber mit pixeln (font-size: 13px😉
Mfg
humpun
Ja, und zwar so:
page = PAGE
page.typeNum = 0
page.20 = TEMPLATE
page.stylesheet = fileadmin/template/styles/styles.css
Adlerauge
Hmm, mach mal :
page.headerData.10.value (
<link rel="stylesheet" type="text/css" href="fileadmin/layout/css/style.css">
)
Und probier mal folgendes aus:
font-family: Arial, Helvetica, sans-serif;
Ändert sich was?
humpun
Nein, das ändert leider nichts.
Im Großen und Ganzen werden meine eigenen Stylesheet-Angaben ja "anerkannt". Nur eben nicht color und margin.
Adlerauge
hi!
was für angaben css-formatierungen stehen denn für
UL.csc-bulletlist-0 { };
in deinen stylesheets?
du kannst dir im firefox auch die extension "view formatted source" installieren. im inline-modus zeigt sie für tags sämtliche css-styles an und sagt auch, aus welcher datei die kommen.
Guten Morgen,
danke für den Tipp - werde das Firefox-Pluggin gleich mal ausprobieren.
Welche CSS-Klassen das sind??? Keine Ahnung, die standen in der Bsp.-Datei von CSS_Styled_Content. Habe damit bisher noch nicht weiter herumexperimentiert.
ADLERAUGE
Deine CSS:
ul.csc-bulletlist LI {
margin:0px;
margin-left:-5px;
padding:0px;
font-family:Helvetica, arial, sans-serif;
font-weight:normal;
font-size:95%;
color:#fff;
}
Dein HTML Output :
<ul class="csc-bulletlist csc-bulletlist-0">
<li>Punkt 1</li>
<li>Punkt 2</li>
<li>Punkt 3</li>
<li>Punkt 4</li>
</ul>
Nun mach mal bitte den Color in :
li.csc-bulletlist LI {
font-family:Helvetica, arial, sans-serif;
font-weight:normal;
color:#fff;
Viel Spaß damit. Das funktioniert.
humpun
Hallöchen,
ja vielen Dank!
Außerdem ist der "view formatted source" sehr hilfreich!!!
- ein glückliches adlerauge -
die web-developer-tools sind auch sehr nützlich - da kann man u.a. direkt die stylesheets bearbeiten und dir auswirkungen gleich prüfen.
das (fast) gleiche gibts jetzt auch für den IE: IE DOM-Explorer