Hover-Menü bei Links

[christian000]

Hallo,
Ich hab mithilfe eines Tutorials ein menü nachgebaut dass beim drüberfahren (hover) aufklappt...
funktionier auch wunder bar...
ist es nun noch möglich beim hover die links farblich zu hinterlegen ?
ein einfaches background-color:#000000; hats leider nicht gebracht...

<style type="text/css">
    ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 150px;
    }
    ul li {
    position: relative;
    }
    li ul {
    position: absolute;
    left: 150px;
    top: -1;
    display: none;
    }
    ul li a {
    display: block;
    text-decoration: none;
    color: #777;
    background: #5f1578;
    padding: 2px;


    }
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */
    
    ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 150px;
    border-bottom: 0px solid #000000;
    }
    li:hover ul { display: block;  }
    li:hover ul, li.over ul { 
    display: block; }
</style>

<img src="inc/polai.gif" width="150"  style="border-bottom-style:solid; border-color:#000000; border-width:1px;">

<ul id="nav">
    <li style="border-bottom: 1px solid #000000; "><a href="index.php?site=news">.:: News</a></li> 
    
    <li style="border-bottom: 1px solid #000000; "><a href="#"> .:: UTSK Tirol</a> 
      <ul> 
        <li style="border-right: 1px solid #000000; border-left: 1px solid #000000; border-top: 1px solid #000000;"><a href="index.php?site=verein">.:: Der Verein</a></li> 
        <li style="border-right: 1px solid #000000; border-left: 1px solid #000000; border-top: 1px solid #000000;"><a href="index.php?site=tanzsport">.:: Tanzsport</a></li>
        <li style="border-right: 1px solid #000000; border-left: 1px solid #000000; border-top: 1px solid #000000;"><a href="index.php?site=paare">.:: Tanzpaare</a></li> 
        <li style="border-right: 1px solid #000000; border-left: 1px solid #000000; border-top: 1px solid #000000;"><a href="http://www.polai.at">.:: Tanzschule Polai</a></li> 
        <li style="border: 1px solid #000000;"><a href="index.php?site=veranstaltungen">.:: Veranstaltungen</a></li> 
      </ul> 
    </li>
    
    <li style="border-bottom: 1px solid #000000; "><a href="index.php?site=gb">.:: Gästebuch</a></li> 
    
    <li style="border-bottom: 1px solid #000000; "><a href="index.php?site=intern">.:: Intern    </a></li> 

</ul> 

[wahsaga]

Re: Hover-Menü bei Links

Code umbrechen.

[christian000]

irgendein guter moderator hat mir leider EDIT rechte genommen... somit is es unmöglich für mich den umzubrechen !!
und jedes mal auf Vorschau klicken .... naja ist auch nicht das wahre..

habs mittlerweile selber geschafft..

durch hinzufügen einer eigenen class:

a.li:hover {background-color:#8f61a2; color:#000000}