Horizontales Menü
![]() |
Beispiel
TS
marks.MENU = HMENU marks.MENU { 1 = TMENU 1 { expAll = 1 wrap = <ul id="nav">|</ul> noBlur = 1 NO = 1 NO { wrapItemAndSub = <li>|</li> } ACT = 1 ACT.wrapItemAndSub = <li id="active">|</li> IFSUB = 0 ACTIFSUB = 0 } }
CSS
#navcontainer { background: #369; border-top: 1px solid #9CC; font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif; } #nav { list-style: none outside none; margin: 0; padding: 0; } @media all { #nav { text-align: center } } #nav li { bottom: 11px; display: inline; line-height: 1.2em; margin: 0; padding: 0; position: relative; } html>body #nav li { background: #000; margin: 0 3px 0 0; padding: 4px 0px 4px 0; } #nav a, #nav a:link, #nav a:visited { background: #900; border: 1px solid #FFF; bottom: 2px; color: #FFF; cursor: pointer; display: inline; height: 1em; margin: 0; padding: 3px 5px 3px 5px; position: relative; right: 2px; text-decoration: none; } #nav a:hover { background: #C00; bottom: 1px; color: #FFF; position: relative; right: 1px; } #nav a:active { background: #999; bottom: 0px; color: #FFF; position: relative; right: 0px; } #nav li#active { background: #369; bottom: 13px; display: inline; margin: 0 3px 0 0; padding: 0; position: relative; } html>body #nav li#active { background: #000; margin: 0 4px 0 4px; } #nav #active a, #nav #active a:link, #nav #active a:visited, #nav #active a:hover { background: #369; border-bottom: none; border-left: 1px solid #9CC; border-right: 1px solid #9CC; border-top: 1px solid #9CC; bottom: 0; color: #FFF; cursor: text; margin: 0; padding: 2px 5px 0 5px; position: relative; right: 0; }




