Zum Inhalt springen

Externes CSS in die Page integrieren

Erstellt am 12. Mai 2004 · 12 Antworten · letzte Antwort am 12. Mai 2004

Tags: HTML & CSS, Frage

ben ·

Hallo liebe Typo3 user,

bislang habe ich komplett ohne externes css gearbeitet und alles über typo3 geregelt. bin nun aber an diverse Grenzen gestoßen.
Nun habe ich mir mal ein externes css erstellt und dieses unter fileadmin/templates/css.css abgespeichert.
Leider wird dies auf der Page nicht übernommen und ich kann den Fehler leider nicht finden, evtl kann mir hier ja mal jemand helfen. Ich hab das meiste aus dem css wieder rausgeworfen und nun ein kleines css erstellt. Dies reicht zum testen bis die Integration stimmt.

Hier nun mal der Inhalt meines css:

A.nav1:link {color: black; text-decoration: none; margin: 0px 10px 0px 0px;}
A.nav1:visited {color: black; text-decoration: none; margin: 0px 10px 0px 0px;}
A.nav1:active {color: white; margin: 0px 10px 0px 0px;}
A.nav1:hover {color: white; margin: 0px 10px 0px 0px;}

A.act:link {color: black; text-decoration: none; margin: 0px 10px 0px 0px;}
A.act:visited {color: black; text-decoration: none; margin: 0px 10px 0px 0px;}
A.act:active {color: white; margin: 0px 10px 0px 0px;}
A.act:hover {color: white; margin: 0px 10px 0px 0px;}

Hier nun das Setup meines Templates:

seite = PAGE
seite.bodyTag = <body bgcolor = "white" text="black" link="#003366" vlink="#003366" alink="#003366">
seite.typeNum = 0
seite.noLinkUnderline = 1
seite.hover = underline overline

seite.stylesheet = fileadmin/template/css.css
seite.20 = TEMPLATE
seite.20 = TEMPLATE
seite.20 {
template = FILE
template.file = fileadmin/template/index-biz.htm
workOnSubpart = DOKUMENT
marks{
_MENU = HMENU
_MENU.1 = TMENU

_MENU.1.stylesheet = fileadmin/template/css.css
_MENU.1.wrap = <table width="70" valign="top" border="0" cellpadding="0" cellspacing="0">|</table>
_MENU.1.NO {
allWrap = <tr><td nowrap align="right" height="24"> | </td></tr>
linkWrap = <font face="Arial" size="3" color="black"><b>| ::</b></font>

ATagParams = class="nav1"
ATagBeforeWrap = 1
}
ACT < .NO
ACT = 1
ACT {
ATagBeforeWrap = 1

ATagParams = class="act"
allWrap = <tr><td align="right" height="24"> | </td></tr>
}
_INHALT = CONTENT
_INHALT.table = tt_content
}
}
seite.language = de
config.language = de
config.language >
seite.language >
tt_content.text.20.textStyle.size.default = 2
tt_content.text.20.textStyle.color.default = black

Das Template gilt für diesen Bereicht mit allen seinen Unterseiten:
http://seidemann.com/index.php?id=31

Der Aktive Link in der Navi/ im Menu sollte nun eigentlich weiss sein, was er jedoch nicht ist.

Wäre für jeden Tip dankbar. Ich denke, dass ich das css falsch integriere, finde aber den Fehler nicht.. 🙁

Mit freundlichen Grüßen, Ben

TW ·

hi
schreib bitte deine zeile

seite.stylesheet = fileadmin/template/css.css

mal oberhalb von

seite = PAGE

cu
thorsten

ben ·

seite.stylesheet = fileadmin/template/css.css
seite = PAGE
seite.typeNum = 0
seite.noLinkUnderline = 1
seite.hover = underline overline
seite.20 = TEMPLATE
seite.20 = TEMPLATE
seite.20 {
template = FILE
template.file = fileadmin/template/index-biz.htm
workOnSubpart = DOKUMENT
marks{
_MENU = HMENU
_MENU.1 = TMENU
_MENU.1.stylesheet = fileadmin/template/css.css
_MENU.1.wrap = <table width="70" valign="top" border="0" cellpadding="0" cellspacing="0">|</table>
_MENU.1.NO {
allWrap = <tr><td nowrap align="right" height="24"> | </td></tr>
linkWrap = <font face="Arial" size="3" color="black"><b>| ::</b></font>
ATagParams = class="nav1"
ATagBeforeWrap = 1
}
ACT < .NO
ACT = 1
ACT {
ATagBeforeWrap = 1
ATagParams = class="act"
allWrap = <tr><td align="right" height="24"> | </td></tr>
}
_INHALT = CONTENT
_INHALT.table = tt_content
}
}
seite.language = de
config.language = de
config.language >
seite.language >
tt_content.text.20.textStyle.size.default = 2
tt_content.text.20.textStyle.color.default = black
plugin.tx_nfdownloads_pi1.download.filepath = uploads/downloads/
plugin.tx_nfdownloads_pi1.download.templateFile = EXT:nf_downloads/pi1/download_template.tmpl

Funktioniert leider immernoch nicht, der Fehler scheint also an einer anderen Stelle zu liegen, trotzdem schonmal danke dass du versuchst zu helfen

ben ·

Nein, habe da nur

content (default)
cSet (default)

drin.

Habe eben kurz Testweise die cset stylesheet reingemacht.
Naja, die Navi (aktive Links weiss) tut noch nicht aber er macht mir die Seitenüberschriften nun Grün 😉

Wenn ich nur für die Hauptseite das Template definiere und da das css integriere übernimmt er das dann auch sicher für alle subpages?
Oder könnte es etwas bringen, wenn ich mein komplettes Template in alle Subpages kopiere?
Soweit ich aber weiss übernimmt Typo3 das Template der übergeordneten Page wenn für die Seite selbst kein eigenes Template definiert ist. Somit müsste er das css eigentlich auch übernehmen, oder etwa nicht?

TW ·

hi
also wie schon zweimal erwähnt.......
cset stylesheet rein, dann klappt es auch mit dem vererben auf unterseiten......

wenn dann die links noch nicht richtig laufen liegt es an deinem code....

cu
thorsten

ben ·

ok, hab nun im static nur noch

content (default)
cset stylesheet

stehen.
Habe nun nochmal ne andere Farbe in den Überschriften, aber alles andere bleibt beim alten..

Dander ·

jetzt editier mal das defaultstylesheet von typo3 :

media/scripts/defaultstylesheet.css

MFG

Dander

ben ·

Ah, klingt schonmal gut 😉

Habe hier nun alle Header und Subheader auf black gesetzt, er lässt es mir auf der Page aber weiterhin in olivegrün (ist glaube ich navi).
Muss ich die defaultstylesheet in nem weiteren Ordner überschreiben?
oder irritiert ihn nun der code in meinem setup? der kann nun ja wieder raus nehme ich an 🙂

seite.stylesheet  = fileadmin/template/css.css

Cache habe ich geleert, daran liegt es nicht!

ben ·

Ok, habe festgestellt er übernimmt alles was ich im Stylesheet eingestellt habe.
Lediglich die Überschrift der Seite wird im Stylsheet nicht erfasst. Wie und wo ist diese denn definiert?