Zum Inhalt springen

Startschwierigkeiten mit CSS einbinden!

Erstellt am 20. März 2008 · 11 Antworten · letzte Antwort am 27. März 2008

Tags: Frage

felis ·

Also ich kenne mich mit css leider fast nicht aus und hoffe jemand kann meine Schritte nachvollziehen und mir sagen was ich falsch gemacht habe:

Ich hab im Dream Weaver Text - Css-style - neu - gewählt, dann unter name hab ich .pfad eingegeben, selektor type klasse gewählt und unter definieren neue style-sheet datei genommen. Dann meine Einstellungen vorgenommen, vorerst nur Schriftart und Größe un dann das ganze gespeichert unter style.css

das ganze hab ich dann hochgeladen unter fileadmin/styles/

so und dann habe ich es im setup eingebunden mit:

stylesheet = fileadmin/styles/style.css

Dann habe ich eine Brotkrumennavigation erstellt und hier will ich nun mittels dieser css datei die schriftart und größe haben, dachte das geht so:

#---------------------------------------Brotkrummel Navigation
PFAD = COA
PFAD {
10 = HMENU
10 {
special = rootline
special.range = 1|-1
excludeUidList = 143
1 = TMENU
1 {
NO {
doNotLinkIt = |*| 0 |*| 1
allWrap = |*| | >  |*| |
ATagParams = class="pfad"
}
}
}
}

Leider ändert sich da bei mir aber nix! Wo ist denn der Fehler? Bitte um Eure Hilfe!

felis ·

Das ist mein TS - eher chaotisch - ich weiß, besser kann ichs noch nocht - hoffe man sieht hier den Fehler!?

# Ausblenden der Typ-Nummer in der HTML-Adresse
config.simulateStaticDocuments_noTypeIfNoTitle = 1

seite = PAGE
seite {
    typeNum = 0
    stylesheet = fileadmin/styles/style.css
    meta.AUTHOR = ......
    meta.DESCRIPTION = .....

10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/vorlage.htm
10.marks {

#------------------------------------------- last update
      LASTUPDATE = TEXT
      LASTUPDATE {
        data = register : SYS_LASTCHANGED
        if.isTrue.data = register : SYS_LASTCHANGED
        strftime = %e. %B %Y
        wrap =  Letzte Änderung: |
      } 
#---------------------------------------Brotkrummel Navigation
PFAD = COA
PFAD {
10 = HMENU
10 {
special = rootline
special.range = 1|-1
#excludeDoktypes = 4
excludeUidList = 143
1 = TMENU
1 {
NO {
doNotLinkIt = |*| 0 |*| 1
allWrap = |*| | >  |*| |
ATagParams = class="pfad"
}
}
}
}
#-------------------------------------------Blätternavigation

BLATTERN = COA
BLATTERN {
10 = HMENU
10 {
special = browse
specia.range = 1|-2
special{
items = prev | next
prev.fields.title = << zurück
prev.fields.nav_title = << zurück
next.fields.title = weiter >>
next.fields.nav_title = weiter >>
}
1 = TMENU
1 {
NO {
allWrap = &nbsp;| &nbsp; |
}
}
}
}
#----------------------------------------------------------------Obere Menüzeile

MENU1 = HMENU
MENU1.special = directory
MENU1.special.value = 334
MENU1.entryLevel = 1
MENU1.1 = GMENU
MENU1.1.NO = 1
MENU1.1.NO {
wrap = |<br>
XY = 150, 16
backColor = #FBC953

10 = TEXT
10.text.field = title

10.fontColor = #000000
10.fontFile = fileadmin/fonts/arial.ttf
10.fontSize = 11
10.niceText = 1
10.offset = 35, 12
transparentBackground = 1
}

#----------------------------Aufklapp
MENU1.1.RO < .MENU1.1.NO
#--------------------------Over oberesmenü
MENU1.1.RO {
backColor = #FBC953
15 < .10
15.fontColor = #838382
15.fontSize = 11
15.offset = 35, 12
}
MENU1.1.CUR < .MENU1.1.RO
20.offset = 40, 10

#----------------------------------------------------------------Untere Menüzeile
MENU2 = HMENU
MENU2.special = directory
MENU2.special.value = 144
MENU2.entryLevel = 1
MENU2.1 = GMENU
MENU2.1.NO = 1
MENU2.1.NO {
wrap = |<br>
XY = 192, 24+[16.h]
backColor = #ffffff

10 = TEXT
10.text.field = title
10.text.listNum = 0
10.text.listNum.splitChar = |

10.fontColor = #000000
10.fontFile = fileadmin/fonts/arial.ttf
10.fontSize = 12
10.align = right
10.niceText = 1
10.offset = -25, 20
transparentBackground = 1

15 < .10
15.text.listNum = 1
15.offset = -25, 20

16 < .10
16.text.case = upper
16.text.listNum = 1
16.fontSize = 12
16.offset = 1000,1000
}

#-----------------------------------------------------Effekt unters menü
MENU2.1.RO < .MENU2.1.NO
MENU2.1.RO {
15 < .10
15.fontColor = #FBC953
15.offset = -25, 20

4 = IMAGE
4.file = fileadmin/images/over.gif
} 
#---------------------------------------------------------Beschreibung UP
MENU2.1.CUR < .MENU2.1.RO
#----------------------------------------------------Zwischenteil Aufklapp
MENU2.2 < .MENU2.1
MENU2.2 {
NO.backColor = #ffffff
NO.10.fontColor = #000000
NO.10.fontSize = 10
NO.10.offset = -35, 20
RO < .NO
RO.backColor = #ffffff
RO.10.fontSize = 10
RO.10.fontColor = #FBAF00
CUR < .RO
}

#-----------------------------------------------------Inhalt einfügen
CONTENTNORMAL = CONTENT
CONTENTNORMAL {
table = tt_content
select.orderBy = sorting
select.where = colPos = 0
}
CONTENTRECHTS = COA
CONTENTRECHTS.10 = CONTENT
CONTENTRECHTS.10 {
table = tt_content
select.where = colPos = 2
select.orderBy = sorting
}
CONTENTRAND = COA
CONTENTRAND.10 = CONTENT
CONTENTRAND.10 {
table = tt_content
select.where = colPos = 3
select.orderBy = sorting
}

CONTENT < plugin.tx_cccbrowse_pi1
CONTENT < styles.content.get 
}
}
Sanra ·

Hallo felis,

schreib mal anstatt stylesheet includeCSS.file1

seite {

includeCSS.file1 = fileadmin/styles/style.css
....
....

Gruß, sanra

felis ·

Hallo!
Ändert leider nichts, oder muß ich dann bei

ATagParams = class="pfad"
auch was ändern?

wurgli ·

Wird das Menü erstellt (angezeigt) ?

Wie sieht dein CSS aus bzw. wird in Headbereich deiner Seite das CSS überhaupt eingebunden ?

mfg
Thomas

felis ·

Hallo, das ist das was bei mir in der style.css steht:

.pfad {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
}

Und das im Header:

<link rel="stylesheet" type="text/css" href="fileadmin/ortho/styles/style.css" />

Ich verzweifle langsam daran! es will einfach nicht klappen und ich versuche das jetzt schon seit stunden. 😢

Wool ·

hmm... ein Versuch:

in deinem Header steht im Pfad zum CSS-File ein "/ortho/" das in deinem Typoscript nicht zu finden ist... liegt es daran?

evtl. könnte es auch sein das dein "a:visited" nach dem ".pfad" deklariert wird?
Dadurch könnte die Konfiguration wieder überschrieben werden... bei den Link-CSS-Änderungen muß auf die Reihenfolge geachtet werden...

MfG
Wool

einpraegsam.​net ·

Oder du postest mal einen Link zu deinem Frontend - ist bestimmt nur eine Kleinigkeit...

PS: Und deine Baseurl + relativer Link zum CSS (siehe Quelltext) öffnet das CSS im Browser?

felis ·

Hallo!
An dem Ortho liegt es nicht! da hab ich nur inzwischen was rumgebastelt.
an dem Linkdefinieren kanns eigentlich auch nicht liegen, da ich im Css ja nur schriftart und größe beschrieben habe (bis jetzt)

frontend:
www.die-orthopaeden.at

felis ·

Vielen- Vielen - ganz, ganz vielen DANK!!!! Es geht - ich war schon am verzweifeln!!!!!! Wieso gibt es in diesem Forum kein "kuss-schick" Smily? :o