Zum Inhalt springen

CSS,TMENU und Generelle Fehler

Erstellt am 25. Oktober 2005 · 7 Antworten · letzte Antwort am 26. Oktober 2005

Tags: HTML & CSS, Frage

arrow ·

Hallo liebe Typo Gemeinde,

ich habe gleich mehrere Diverse Probleme bei denen ich langsam an die Verzweiflung trete. Bzw. auch 1-2 Fragen wo ich denke das ihr mir sicherlich helfen könntet.

Seitenaufbau (Vereinfacht dargestellt):

-root
--Menü_oben <-- TMENU
---XXX
---XXX
---XXX
---XXX
Menü_links <-- GMENU
---XXX
---XXX
---XXX
---XXX
---XXX
---XXX

Problem:

1. Wenn ich die CSS Datei ändere dann ändert sich nichts im TMENU (Informationen kommen jedoch aus der CSS) lösche ich diese nun einschließlich des Caches nimmt er die Standard formatierung. Gebe ich sie nun wieder übernimmt er eine Änderun und das wars. den a:active Teil will er nicht haben. Genauso wenig div. andere Änderungen wie Schriftart usw.

2. Untermenüs im GMENU einrücken. Ich habe keine Ahnung wie das funktioniert. Ich hab nu schon gesucht und geguckt aber nichts hat mir wirklich geholfen. Im CSS definieren oder direkt im T3setup?

3. Farben im T3Setup in den Menüs,
ich habe das Problem hier im Forum schon einmal gefunden als ich heute danach Suchte hab ich es einfach nicht mehr gefunden. backColor = Schriftfarbe
fontColor = BackroundColor vom Menü :o

Ich weiß das es dafür 2 änderungen im Installbereich geben müsste und ich wäre euch dankbar wenn ihr sie mir sagen würdet :o

Ich danke euch für euere Hilfe ich suche natürlich weiter sobald ich etwas vorab gelöst bekomme schreibe ich es natürlich hier rein.

mfg arrow

Das Setup:
#rösper etwas unordentlich#

config.linkVars = L
config.sys_language_uid = 0
config.language = de

config.linkVars = L
config.sys_language_uid = 0
config.language = de

[globalVar = GP:L=1]
    config.sys_language_uid = 1
    config.language = en
    page.10.marks.SPRACHE.wrap = <a href="index.php?id=|&L0">Deutsch</a>
[global]

page  = PAGE
page {
    typNum = 0
    bodyTag = <bgcolor ="#FFFFFF" "topmargin="0" leftmargin="0">
    meta.AUTHOR = Toni Poburski
    meta.DESCRIPTION = Kühltechnik der Boston Cool Tec Corporation
    stylesheet = fileadmin/style.css

    10 = TEMPLATE
    10.template = FILE
    10.template.file = fileadmin/vorlage.html
    10.workOnsubpart = DOKUMENT

    10.marks {
    # LOGO einbinden
    LOGO = IMAGE
    LOGO.file = fileadmin/images/banner_cuoltecF.jpg

    # LOGO UNTEN EINBINDEN

    LOGO_U = IMAGE
    LOGO_U.file = fileadmin/images/line_cuoltecF.jpg
   
    #MENÜ OBEN

    MENU_OBEN = HMENU
    MENU_OBEN {
        special = directory
        special.value = 29
        1 = TMENU
        1.NO = 1
        1.NO.linkWrap = &nbsp; |&nbsp;&#124; |*| &nbsp;|&nbsp;&#124; |*| &nbsp;|

        }

        # MENÜ LINKS

        MENU_LINKS = HMENU
        MENU_LINKS {
                special = directory
                special.value = 28
                entryLevel = 1
                1 = GMENU
                1.NO = 1
                1.NO {
                        XY = 178, 24
                        backColor = #8EC1DB

                        10 = TEXT
                        10.text.field = title
                        10.fontColor = #005197
                        10.fontFile = fileadmin/fonts/verdana.ttf
                        10.fontSize = 9
                        10.niceText = 1
                        10.offset = 14, 16
      
                        20 = IMAGE
                        20.file = GIFBUILDER
                        20.file {
                            XY = 178, 1
                            backColor = #4995DA
                            }
                        20.offset = 0, 23
      }
                1.RO < .1.NO
                1.RO.backColor = #DA251D
                1.COA < .1.NO
                1.COA.backColor = #DA251D

                2 < .1
                2.NO {
                    backColor = #000000
                    10.fontColor = #C4D2DB
                    10.fontSize = 8
                    }
                2.RO < .2.NO
                2.RO.backColor = #D9F0FF
                2.COA < .2.NO
                2.COA.backColor = #DA251D

                3 < .2
                3.NO {
                    backColor = #000000
                    10.fontColor = #D7E7F7
                    10.fontSize = 8
                    }
                3.RO < .1.NO
                3.RO.backColor = #EFF2F5
                3.COA < .1.NO
                3.COA.backColor = #DA251D

      }

                KLICKPFAD = HMENU
                KLICKPFAD {
                    special = rootline
                    special.range = 2 | 1
                    1 = TMENU
                    1.NO = 1
                    1.NO.linkWrap = &nbsp; &nbsp;&#124; |*| &nbsp;-> &nbsp;&#124; |*| &nbsp;->
}

                INHALT = CONTENT
                INHALT {
                    table = tt_content
                    select.orderBy = sorting
                    select.where = colPos = 0
                    select.languageField = sys_language_uid
                }

                RECHTS = COA
                RECHTS.10 = CONTENT
                RECHTS.10 {
                    table = tt_content
                    select.where = colPos = 2
                    select.orderBy = sorting
                }
                RECHTS.20 =CONTENT
                RECHTS.20 {
                    table = tt_content
                    select.orderBy = sorting
                    select.pidInList = 30
                    }

    SPRACHE = TEXT
    SPRACHE {
        field = uid
        wrap = <a href="index.php?id=|&L=1">English</a>
                  }

         }
}

Die CSS Datei:

body,
html {
	margin: 0px;
	padding: 0px;
}

.menu_oben {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	padding-top: 4px;
}
.menu_oben a {
   text-decoration: none;
   color: #FFFFFF;
}
.menu_oben a:hover {   
   text-decoration: underline;
   color: #FF0000;
}

.menu_oben a:active {   
   text-decoration: underline;
   color: #FF0000;
}

.inhalt_oben {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #364497;
	font-weight: normal;
	font-size: 9px;
}
.inhalt_oben a {
	color: #364497;
	text-decoration: underline;
}
.rootline a:hover {
	color: #061467;
	text-decoration: underline;
}
.inhalt {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #061467;
	font-size: 11px;	
}
.inhalt h1 {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #061467;
	margin: 0px;
	font-size: 13px;
}
.inhalt p {
	line-height: 135%;
}
humpun ·
page  = PAGE
page {
    typNum = 0
    bodyTag = <bgcolor topmargin="" leftmargin="0">

Dort hast du ein " vor Topmargin.

Nimm es mal weg pls.

Bei der CSS: a:link, a:visited mit ienbeziehen.

PS:
backColor = background Color
fontColor = font Color = TextFarbe
Mfg

humpun

arrow ·
humpun schrieb
page  = PAGE
page {
    typNum = 0
    bodyTag = <bgcolor topmargin="" leftmargin="0">

Dort hast du ein " vor Topmargin.

Nimm es mal weg pls.

Bei der CSS: a:link, a:visited mit ienbeziehen.

PS:
backColor = background Color
fontColor = font Color = TextFarbe
Mfg

humpun

So nach dem ich die änderungen gemacht habe funktioniert mein RollOver im Linken Menü net mehr ^^ und das im TMENÜ ging auch net. Daher Rückgängig.

Zu deiner Erklärung backColor,fontColor -> das ist mir ja klar nur bei mir ist

fontColor = Hintergrundfarbe des Menüs und backColor = Schriftfarbe des Menüs

das ist mein Problem es ist vertauscht und es würde mich nicht wundern wenn das nicht das einzige ist. Ich hatte das hier schon gelesen und dachte mir o.k. das machste später dann und nu steh ich da und finde den Thread net mehr...

mfg arrow

humpun ·

Ich weiß zwar nicht, was da dann nicht geht, aber ich empfehle dir, den Quellecode sauber zu halten. Nimm den unnötigen " raus. Mach es gleich richtig, sonst kommst du garnicht vorran.

Ich gib dir paar TIPPS:

RO = RollOver
ACT = Activer (was du mit a:active machen wolltest)

Das kannst du alles im Setup einstellen.

Mach erst die Änderungne ,dann sag was dann nicht funktioniert.

humpun

arrow ·

also ich habe jetzt nochmal dne gesamten Code für das Menü Links aus dem Setup geworfen und mach es neu. Das witzige beim momentanen aufbau stimmt wieder alles. *code putze los schickt*

Was RO und ACT bedeuten weiß ich doch :o ^^
nur hat es im Setup für das TMENU net gefunzt daher wollte ich es in der CSS definieren.

ich frage mich an welcher Stelle die *.css greift und warum diverse änderungen gehen und warum nicht. Ich denke ich habe an irgend einer Stelle extrem falsch vererbt.

Wenn ich das Menü fertig hab t-30min dann poste ich mal das Ergebnis.

Zum TMENU komm ich danach wieder das ist nicht so wichtig.

Kurze Frage nebenher mit SPC rück ich die unteren Menü ebenen ein, richtig?

mfg und danke arrow

arrow ·

Könnte mir vielleicht noch jemand nen Tip geben wie ich das zweite Menü einrücken lasse, sozusagen nen stückel nach rechts 🙂

danke mfg arrow

edit:

So ich hab einfach mal die vererbung heraus genommen und nun alles per Hand gemacht. Funktioniert auf alle fälle erstmal.

Hier das Script:

    # MENÜ LINKS
    MENU_LINKS = HMENU
    MENU_LINKS {
        special = directory        
        special.value = 28
        entryLevel = 1
        1 = GMENU
        1.NO = 1
        1.NO {
            XY = 178, 24
            backColor = #00599D

            #TEXT Rendern im Menüpunkt
            10 = TEXT
            10.text.field = title
            10.fontColor = #FFFFFF
            10.fontFile = fileadmin/fonts/verdana.ttf
            10.fontSize = 10
            10.offset = 14,16

            #Die weiße Linie in dem Menü
            20 =IMAGE
            20.file = GIFBUILDER
            20.file {
                XY = 178, 1
                backColor = #FFFFFFF
                      }
            20.offset = 0, 23
            }

        #RollOver Zustand komplett
        1.RO = 1
        1.RO {
            XY = 178, 24
            backColor = #FF0000

            #TEXT Rendern im Menüpunkt
            10 = TEXT
            10.text.field = title
            10.fontColor = #FFFFFF
            10.fontFile = fileadmin/fonts/verdana.ttf
            10.fontSize = 10
            10.offset = 14,16

            #Die weiße Linie in dem Menü
            20 =IMAGE
            20.file = GIFBUILDER
            20.file {
                XY = 178, 1
                backColor = #FFFFFFF
                      }
            20.offset = 0, 23
                }

        #Active Zustand definieren Zustand komplett
        1.ACT = 1
        1.ACT {
            XY = 178, 24
            backColor = #00599D

            #TEXT Rendern im Menüpunkt
            10 = TEXT
            10.text.field = title
            10.fontColor = #8FC1DC
            10.fontFile = fileadmin/fonts/verdana.ttf
            10.fontSize = 10
            10.offset = 14,16

            #Die weiße Linie in dem Menü
            20 =IMAGE
            20.file = GIFBUILDER
            20.file {
                XY = 178, 1
                backColor = #FFFFFFF
                      }
            20.offset = 0, 23
                }

        2 = GMENU
        2.NO = 2
        2.NO {
            XY = 178, 24
            backColor = #8FC1DC

            #TEXT Rendern im Menüpunkt
            10 = TEXT
            10.text.field = title
            10.fontColor = #000000
            10.fontFile = fileadmin/fonts/verdana.ttf
            10.fontSize = 9
            10.offset = 14,16

            #Die weiße Linie in dem Menü
            20 =IMAGE
            20.file = GIFBUILDER
            20.file {
                XY = 178, 1
                backColor = #FFFFFFF
                      }
            20.offset = 0, 23
            }

        #RollOver Zustand komplett
        2.RO = 2
        2.RO {
            XY = 178, 24
            backColor = #FF0000

            #TEXT Rendern im Menüpunkt
            10 = TEXT
            10.text.field = title
            10.fontColor = #000000
            10.fontFile = fileadmin/fonts/verdana.ttf
            10.fontSize = 9
            10.offset = 14,16

            #Die weiße Linie in dem Menü
            20 =IMAGE
            20.file = GIFBUILDER
            20.file {
                XY = 178, 1
                backColor = #FFFFFFF
                      }
            20.offset = 0, 23
                }

        #Active Zustand definieren Zustand komplett
        2.ACT = 2
        2.ACT {
            XY = 178, 24
            backColor = #FF0000

            #TEXT Rendern im Menüpunkt
            10 = TEXT
            10.text.field = title
            10.fontColor = #FFFFFF
            10.fontFile = fileadmin/fonts/verdana.ttf
            10.fontSize = 9
            10.offset = 14,16

            #Die weiße Linie in dem Menü
            20 =IMAGE
            20.file = GIFBUILDER
            20.file {
                XY = 178, 1
                backColor = #FFFFFFF
                      }
            20.offset = 0, 23
                }
SLAng ·

Nur mal ins Blaue...

Entweder du baust einen div-container drumrum und gibst ein margin oder padding...

Wenn das nicht, warum auch immer, nicht gehen sollte, dann setzt soch einfach ein paar &nbsp_; davor... (natürlich ohne Unterstrich)