Hallo,
ich versuche es nun zum 2. Mal mit beiliegendem Code.
Ergebnis ist nun, sobald ich im HTML anfange, echte Links zu setzen, ist der aktive Menupunkt nicht mehr hinterlegt.
Beim Klick auf Link2-10 klappt es, aber bei Klick auf Home ist Home nicht hinterlegt. Wie bekomme ich das jetzt noch hin?
menu.css
Code
<[COLOR=#808000]style[/COLOR] [COLOR=#808000]type[/COLOR]=[COLOR=#800080]"text/css"[/COLOR]>
[COLOR=#008080]#vertmenu[/COLOR] {
[COLOR=#404000]font[COLOR=#800080]: arial;[/COLOR][/COLOR]
[COLOR=#404000]font-size[COLOR=#800080]: 12px;[/COLOR][/COLOR]
[COLOR=#404000]width[COLOR=#800080]: 180px;[/COLOR][/COLOR]
[COLOR=#404000]padding[COLOR=#800080]: 0px;[/COLOR][/COLOR]
[COLOR=#404000]margin[COLOR=#800080]: 0px;[/COLOR][/COLOR]
}
[COLOR=#008080]#vertmenu[/COLOR] [COLOR=#808000]h1[/COLOR] {
[COLOR=#404000]display[COLOR=#800080]: block;[/COLOR][/COLOR]
[COLOR=#404000]background-color[COLOR=#800080]: #CCCCCC;[/COLOR][/COLOR]
[COLOR=#404000]margin[COLOR=#800080]: 0px;[/COLOR][/COLOR]
[COLOR=#404000]width[COLOR=#800080]: 180px;[/COLOR][/COLOR]
}
[COLOR=#008080]#vertmenu[/COLOR] [COLOR=#808000]ul[/COLOR] {
[COLOR=#404000]list-style[COLOR=#800080]: none;[/COLOR][/COLOR]
[COLOR=#404000]margin[COLOR=#800080]: 0px;[/COLOR][/COLOR]
[COLOR=#404000]padding[COLOR=#800080]: 0px;[/COLOR][/COLOR]
[COLOR=#404000]border[COLOR=#800080]: none;[/COLOR][/COLOR]
}
[COLOR=#008080]#vertmenu[/COLOR] [COLOR=#808000]ul[/COLOR] [COLOR=#808000]li[/COLOR] [COLOR=#808000]a[/COLOR] {
[COLOR=#404000]font[COLOR=#800080]: 12px arial;[/COLOR][/COLOR]
[COLOR=#404000]display[COLOR=#800080]: block;[/COLOR][/COLOR]
[COLOR=#404000]border-bottom[COLOR=#800080]: solid 1px #CCCCCC;[/COLOR][/COLOR]
[COLOR=#404000]padding[COLOR=#800080]: 5px 0px 2px 20px;[/COLOR][/COLOR]
[COLOR=#404000]text-decoration[COLOR=#800080]: none;[/COLOR][/COLOR]
[COLOR=#404000]color[COLOR=#800080]: #000000;[/COLOR][/COLOR]
[COLOR=#404000]width[COLOR=#800080]: 180px;[/COLOR][/COLOR]
[COLOR=#404000]text-align[COLOR=#800080]: left;[/COLOR][/COLOR]
[COLOR=#404000]white-space[COLOR=#800080]: normal;[/COLOR][/COLOR]
}
[COLOR=#008080]#vertmenu[/COLOR] [COLOR=#808000]ul[/COLOR] [COLOR=#808000]li[/COLOR] [COLOR=#808000]a[/COLOR][COLOR=#008080]:hover[/COLOR] {
[COLOR=#404000]color[COLOR=#800080]: #E20074;[/COLOR][/COLOR]
[COLOR=#404000]background-color[COLOR=#800080]: #CCCCCC;[/COLOR][/COLOR]
}
[COLOR=#008080]#vertmenu[/COLOR] [COLOR=#808000]ul[/COLOR] [COLOR=#808000]li[/COLOR] [COLOR=#808000]a[/COLOR][COLOR=#008080]:focus[/COLOR] {
[COLOR=#404000]color[COLOR=#800080]: #FFFFFF;[/COLOR][/COLOR]
[COLOR=#404000]background-color[COLOR=#800080]: #000000;[/COLOR][/COLOR]
[COLOR=#404000]border-bottom[COLOR=#800080]: solid 1px #000000;[/COLOR][/COLOR]
}
</[COLOR=#808000]style[/COLOR]>index.html
Code
[COLOR=#0000C0][FONT=courier new] <div id="vertmenu" align="right">[/FONT][/COLOR]
[COLOR=#0000C0][FONT=courier new] <div align="right" style="width:180px; height:10px;"></div>[/FONT][/COLOR]
[COLOR=#0000C0][FONT=courier new]<ul>[/FONT][/COLOR]
[COLOR=#0000C0][FONT=courier new]<li><a href="index.html" tabindex="1">Home</a></li>[/FONT][/COLOR]
[COLOR=#0000C0][FONT=courier new]<li><a href="#.html" tabindex="2">link2</a></li>[/FONT][/COLOR]
[COLOR=#0000C0][FONT=courier new]<li><a href="#.html" tabindex="3">link3</a></li>[/FONT][/COLOR]
[COLOR=#0000C0][FONT=courier new]<li><a href="#.html" tabindex="4">link4</a></li>[/FONT][/COLOR]
[COLOR=#0000C0][FONT=courier new]<li><a href="#.html" tabindex="5">link5</a></li>[/FONT][/COLOR]
[COLOR=#0000C0][FONT=courier new]<li><a href="#.html" tabindex="6">link6</a></li>[/FONT][/COLOR]
[COLOR=#0000C0][FONT=courier new]<li><a href="#.html" tabindex="7">link7</a></li>[/FONT][/COLOR]
[COLOR=#0000C0][FONT=courier new]<li><a href="#.html" tabindex="8">link8</a></li>[/FONT][/COLOR]
[COLOR=#0000C0][FONT=courier new]<li><a href="#.html" tabindex="9">link9</a></li>[/FONT][/COLOR]
[COLOR=#0000C0][FONT=courier new]<li><a href="#.html" tabindex="10">link10</a></li>[/FONT][/COLOR]
[COLOR=#0000C0][FONT=courier new]</ul>[/FONT][/COLOR]
[COLOR=#0000C0][FONT=courier new]</div>[/FONT][/COLOR]