L
lol1983
Ich habe ein CSS Menü mit a hover Funktion. Ich möchte gerne wenn ich auf Home bin das der Hintergrund in einer dritten Image hinterlegt ist, dass man weiss ah ich bin jetzt auf Home, kann mir wer helfen, danke.
MFG lol1983
HTML Code:
<div id="blackline">
<ul>
<li><a href="_Home_.htm">Home</a></li>
<li><a href="_IT_Bereich_.htm">IT Bereich</a></li>
<li><a href="_My_Book_.htm">Mein Buch</a></li>
<li><a href="_My_Works_.htm">Meine Werke</a></li>
<li><a href="_My_Gifs_.htm">Meine Gifs</a></li>
<li><a href="_Kochrezepte_.htm">Kochrezepte</a></li>
</ul>
</div>
CSS Code:
#blackline, #blackline ul, #blackline ul li, #blackline ul li a { margin: 0; }
#blackline, #blackline ul { padding: 0; }
#blackline ul li a , #blackline ul li { display: block; float: left; }
#blackline ul { list-style: none; background: url(images/button_image/menubg_h_navi.png) repeat-x 0 100%; overflow: hidden; border: 2px double #777777; }
#blackline ul li { padding: 0 0px 0 0; background: url(images/button_image/separator.png) no-repeat 100% 100%; }
#blackline ul li a { color: #BBBBBB; font-weight: bold; text-decoration: none; }
#blackline ul li a:link, #blackline ul li a:visited { width: 138px; padding: 0 0px; line-height: 2; float: left; text-align: center; }
#blackline ul li a:hover, #blackline ul li a:active { background: url(images/button_image/menubg_navi.png) repeat-x 0 100%; }
MFG lol1983
HTML Code:
<div id="blackline">
<ul>
<li><a href="_Home_.htm">Home</a></li>
<li><a href="_IT_Bereich_.htm">IT Bereich</a></li>
<li><a href="_My_Book_.htm">Mein Buch</a></li>
<li><a href="_My_Works_.htm">Meine Werke</a></li>
<li><a href="_My_Gifs_.htm">Meine Gifs</a></li>
<li><a href="_Kochrezepte_.htm">Kochrezepte</a></li>
</ul>
</div>
CSS Code:
#blackline, #blackline ul, #blackline ul li, #blackline ul li a { margin: 0; }
#blackline, #blackline ul { padding: 0; }
#blackline ul li a , #blackline ul li { display: block; float: left; }
#blackline ul { list-style: none; background: url(images/button_image/menubg_h_navi.png) repeat-x 0 100%; overflow: hidden; border: 2px double #777777; }
#blackline ul li { padding: 0 0px 0 0; background: url(images/button_image/separator.png) no-repeat 100% 100%; }
#blackline ul li a { color: #BBBBBB; font-weight: bold; text-decoration: none; }
#blackline ul li a:link, #blackline ul li a:visited { width: 138px; padding: 0 0px; line-height: 2; float: left; text-align: center; }
#blackline ul li a:hover, #blackline ul li a:active { background: url(images/button_image/menubg_navi.png) repeat-x 0 100%; }