Zum Inhalt springen

Problem mit CSS Menü

Erstellt am 19. Juni 2006 · 1 Antwort · letzte Antwort am 19. Juni 2006

Tags: Frage

friedenspanzer ·

Hallo,
ich bin gerade dabei ein Template zu bauen und habe jetzt ein Problem mit dem hauptmenü.
Das Problem ist, dass die css datei irgendwie nur die erste ebene anspricht. Das ist zB bei andersfarbigen aktiven links der fall. Hier ein Teil der CSS:

#mainmenu {
        font-family: arial, helvetica, verdana, sans-serif;
        font-size: 11px;
	width: 200px;
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
	background-color: #0080C0;
	border-bottom: 1px solid #5D5D5D;
}

#mainmenu a {

	display: block;
	text-decoration: none;
	color: #000000;
	margin: 0px;
	padding: 4px 15px 4px 15px;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	
}
#mainmenu ul a:hover{
	text-decoration: underline;
}
#mainmenu a.act-lv1 {
	color: #000000;
	background-color: #0080C0;
	
}
#mainmenu a.cur-lv1 {
	color: #000000;
	background-color: #0080C0;
}
#mainmenu ul {

	margin: 0px;
	padding: 0px;
}
#mainmenu ul ul a {
	font-weight: normal;
	font-size: 10px;
	padding: 4px 15px 4px 30px;
	background-color: #dbdbdb;
}

#mainmenu .cur-lv2 a {
	P { text-indent: 1.5em;}
	color: #000000;
	background-color: #ededed;
}
#mainmenu a.act-lv2 {
	color: #000000;
	background-color: #0080C0;
	font-weight: bold;
}
#mainmenu ul ul a:hover{
	text-decoration: underline;
}
#mainmenu ul li {
	list-style-type: none;
}

und hier ein teil vom template:

page {

            typeNum = 0

            config {

                        admPanel = 0

                        doctype = xhtml_trans

            }

            includeCSS {

                        file1 = fileadmin/templates/screen.css

                        file1.media = screen, all

                        file1.title = Styles für die Bildschirmausgabe

                        

                        file2 = fileadmin/templates/print.css

                        file2.media = print

                        file2.title = Styles für die Druckausgabe

            }
 1 = TMENU

                                               1 {

                                                           wrap = <ul>|</ul>

                                                           NO = 1

                                                           NO.wrapItemAndSub = <li>|</li>
NO.ATagTitle.field = abstract // description
NO.ATagParams = class="no-lv1-anfang" |*| class="no-lv1-mitte" |*| class="no-lv1-ende"

                                                           

ACT < .NO
ACT.ATagParams = class="act-lv1"                                                   

                                                           CUR < .NO                                          
                                                           CUR.ATagParams = class="cur-lv1"

 

                                               }

                                               2 < .1

                                               2 {

                                                           NO = 1
                                                           NO.ATagParams = class="no-lv2"
                                            

                                                           ACT < .NO
                                                           ACT.ATagParams = class="act-lv2"
                                                           

                                                           CUR < .NO
                                                           CUR.ATagParams = class="cur-lv2"                   

                                               }
miwolfram ·

Na dann werden entweder deine Klassennamen falsch sein oder dein CSS-File.

Schau dir den generierten Quellcode im Browser an.
Alles was da drin steht wird interpretiert - was nicht drinsteht eben nicht.
Ab diesem Zeitpunkt hat Typo3 absolut nichts mehr mit deiner Seite zu tun - für den Rest ist nur der HTML-Code sowie CSS und der Browser verantwortlich.