Mehrere Stylesheets

Hi Leute.
Wie jeder, hab auch ich als Neu-Einsteiger in Typo3 Probleme.

Ich bin dabei ein Intranet aufzubauen. Die Seite ist in 3 Frames unterteilt: Kopf, Menu und Inhalt

Das Menu sieht wie folgt aus:

#######################
# Defining the menu-frame
# Template-Beschreibung
menu.bodyTag = <body bgcolor="#FFFFFF" style="font-family:Verdana; font-size: 10px; margin: 0px;" link="#00009F" vlink="#00009F" alink="#00FF00">
menu.noLinkUnderline = 1
menu.hover = #FF0000
menu.10 = TEMPLATE
menu.10 {
template = FILE
template.file = fileadmin/testmenu.html
workOnSubpart = DOCUMENT
subparts.CONTENT < styles.content.get

### Hauptnavigation ###
#

#Navigation -Dienste-
subparts.MENU1 = HMENU
subparts.MENU1.entryLevel = -2
subparts.MENU1.special = directory
subparts.MENU1.special.value = 2

subparts.MENU1.1 = TMENU
subparts.MENU1.1 {
expAll = 0
target = _top
inhalt.css = fileadmin/inhalt_dienste.css
NO.linkWrap = &nbsp;&nbsp;&nbsp;&nbsp;<b>|</b><br>
NO.ATagBeforeWrap = 1
ACT < .NO
ACT = 1
ACT.linkWrap = &nbsp;<b><font color=red>|</font></b><br>
ACT.beforeImg = fileadmin/ball.gif
ACT.beforeWrap = &nbsp;
}
subparts.MENU1.2 = TMENU
subparts.MENU1.2 {
expAll = 1
target = inhalt
inhalt.css = fileadmin/inhalt_dienste.css
NO.linkWrap = &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|<br>
NO.ATagBeforeWrap = 1
ACT < .NO
ACT = 1
ACT.linkWrap = &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color=red>|</font><br>
}

#Navigation -Wissen-
subparts.MENU2 = HMENU
subparts.MENU2.entryLevel = -2
subparts.MENU2.special = directory
subparts.MENU2.special.value = 8

subparts.MENU2.1 = TMENU
subparts.MENU2.1 {
expAll = 0
target = _top
NO.linkWrap = &nbsp;&nbsp;&nbsp;&nbsp;<b>|</b><br>
}
subparts.MENU2.2 = TMENU
subparts.MENU2.2 {
expAll = 1
target = inhalt
NO.linkWrap = &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|<br>
}

#Navigation -Unternehmen-
subparts.MENU3 = HMENU
subparts.MENU3.entryLevel = -2
subparts.MENU3.special = directory
subparts.MENU3.special.value = 9

subparts.MENU3.1 = TMENU
subparts.MENU3.1 {
expAll = 0
target = _top
NO.linkWrap = &nbsp;&nbsp;&nbsp;&nbsp;<b>|</b><br>
}
subparts.MENU3.2 = TMENU
subparts.MENU3.2 {
expAll = 1
target = inhalt
NO.linkWrap = &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|<br>
}
}

Dabei habe ich wohl zuerst nur in "Dienste" das CSS eingebaut (funktioniert so aber nicht!).

Der Inhalt-Frame sieht so aus:

#######################
# Defining the inhalt-frame
inhalt.stylesheet = {$inhalt.css}
inhalt.10 = TEMPLATE
inhalt.10 {
template = FILE
template.file = fileadmin/testinhalt.html
workOnSubpart = DOCUMENT
subparts.CONTENT < styles.content.get
subparts.INHALT = CONTENT
subparts.INHALT.table = tt_content
subparts.TITLE = TEXT
subparts.TITLE.field = title
}

Wie schaffe ich es jetzt also, das, wenn ich im "Dienste"-Menu auf ein Link klicke im Inhalt-Frame das "dienste.css" geladen wird, wenn ich auf einen "Wissen"-Menu-Eintrag geladen wird, das "wissen.css" geladen wird und natürlich wenn ich auf einen "Unternehmen"-Menu-Eintrag klicke das "unternehmen.css" geladen wird.

Wie übergibt man aus dem Menu die Variablen an den Inhalt-Frame?

Wäre euch super dankbar, wenn mir hier einer weiterhelfen kann.
So long.

Elric

Ich selbst arbeite nicht mit Frames (warum?), da ich designvorlagen für besser halte.
Warum willst du verschieden css Dateien benutzen? Packe doch alle in eine zentrale css-Datei, die du dann auch leicht editieren kannst.

Ich hab alle classes die ich benutze und die die Typo3 braucht in eine css gepackt, das funzt sehr gut...

das ist ja mein Problem. Ist ja nicht für mich, sondern für die Firma. Und die wollen das eben so (frag mich nicht wieso, da die doch keine Ahnung haben 😃)

Und jetzt wollen die in jedem Menüabschnitt ein anderes fixiertes Hintergrundbild. Und das kenne ich bis jetzt eben nur, das man es im BODY-Tag im Stylesheet mit
background-image: url (...) usw. angibt.

Daher brauch ich eben die 3 verschiedenen Stylesheets.

(Ich hasse Firmen, die Chefs mit keiner Ahnung haben 😃)

Hallo,

also zum Thema mit den verschiedenen CSS-Dateien.

Selbstverständlich kann man über den Sinn und UnSinn mehrerer CSS-Dateien philosophieren.
Ich würde sagen es ist eher eine Frage der eigenen Arbeitsweise.
Für eine CSS Datei spricht:
Alles zentral und man weiß eben sofort in welcher Datei man suchen muss!

Für mehrere Dateien spricht:
Man kann kaskadieren. Beispielsweise kann man Positionierungen ausgelager in einer eigenen Datei, Tabellendefinitionen, Link-Strukturen etc. Du kannst mit CSS auch includes realisieren, aber vorsichtig, nicht jeder Browser spielt hier mit!!
Generell gilt: auch hier gibt es Gründe, die für eine Trennung sprechen.

Nun aber zum Thema mit dem Hintergrundbild.
Auch das kann man selbstverständlich in 1 oder auch in mehreren Dateien abwickeln.
Du definierst in Deinem Haupt-Style das Hintergrundbild und dann kannst Du den Style / die Class (genau wie bei Typo mit den Variablen) in jeder Datei wieder neu überschreiben indem Du einfach den Wert neu setzt. Wo liegt also das Problem?

Muß denn das Hintergrundbild unbedingt als Hintergrund definiert sein. Dann kannst Du doch auch das Bild als Hintergrund in einer Tabelle definieren und setzt dann in jedem Bereich eine neue Class in der Tabelle.
Achtung: in diesem Fall mußt Du dann auch eine Class definieren, die leer ist, da Netscape sonst Theater macht!!
Oder Du machst es mit "Layer/Z-Indizees". Das hat denselben Effekt wie Backgrounds, nur dass Du besser Positionieren kannst... und es funzt auch mit den Browsern.

Ciao
Der DJ

Elric schrieb

Wie übergibt man aus dem Menu die Variablen an den Inhalt-Frame?

Wäre euch super dankbar, wenn mir hier einer weiterhelfen kann.
So long.

Elric

Und wie übergibt man jetzt werte von aussen in ein Frame? Ich bekomme eine url rein mit index.html?user=1

und möchte die variable im frame auslesen und verwenden...