Hallo,
ich versuche folgendes Menu umzusetzen: http://css.maxdesign.com.au/listamatic/horizontal03.htm
Nur ohne die Border links und rechts!
Dachte mir das mit einem optionsplit und dem css mit dem hover usw. zu lösen.
Mein Setup:
lib.menu1 = HMENU
lib.menu1 {
1 = TMENU
1 {
#expAll =1
wrap = <ul class="menu1_norm">|</ul>||<ul class="menu1_middle">|</ul>|*|<ul class="menu1_middle">|</ul>|*|<ul class="menu1_middle">|</ul>||<ul class="menu1_end">|</ul>
noBlur = 1
NO = 1
NO {
wrapItemAndSub = <li class="menu1_norm">|</li>||<li class="menu1_middle">|</li>|*|<li class="menu1_middle">|</li>|*|<li class="menu1_middle">|</li>||<li class="menu1_end">|</li>
stdWrap.htmlSpecialChars = 1
ATagTitle.field = title
}
RO < .NO
RO.ATagParams = class="rollover"
ACT <.NO
ACT {
wrapItemAndSub = <li id="nav1act">|</li>
}
}
Mein CSS
.menu1_norm {
padding-left:10px;
padding-right:20px;
color: #FFFFFF;
}
.menu1_middle {
text-decoration: none;
padding-left:20px;
padding-right:20px;
color: #FFFFFF;
border-left:1px solid #FFFFFF;
}
.menu1_end {
padding-left:20px;
border-left:1px solid #FFFFFF;
}
.menu1_middle:hover {
color: #333;
background: #B0DDF3;
text-decoration: none;
}
.rollover {
color: #333;
background: #B0DDF3;
line-height: 20px;
font-size: 11px;
text-decoration: none;
}
Der mouseover effekt geht nur wenn ich "ATagParams = class="menu1_middle" ins TS einsetzte. Ansonsten macht er gar nichts.
Bin schon seit irgendwie 6 Stunden dran und seh vielleicht den Wald vor lauter Bäumen nicht.
Danke schon mal für eure Hilfe!
PS: Außerdem ist mir aufgefallen das ich nur die schriftfarbe ändern kann über "ATagParams", mit einem Verweis auf CSS übernimmt er nicht.
