Hi,
habe folgendes css menü
Wie baue ich denn hier da was ein was einen Mouseover effekt erzeugt und zwar einen der wenn man mit der Maus drüber geht ein anderes Backgroundimage aufruft und wenn man den link gewählt hat soll das neue background bild bleiben wie geht das???
habe folgendes css menü
HTML:
<html>
<head>
<style type="text/css">
<!--
#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}
nav-menu li
{
float: left;
margin: 0 0.15em;
padding: 0;
text-align: center
}
#nav-menu li a
{
background: url(css-nav.gif) #fff bottom left repeat-x;
height: 1.5em;
line-height: 1.5em;
float: left;
width: 10em;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-decoration: none;
text-align: center;
font-size:0.8em;
}
/* Commented backslash hack hides rule from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End IE5-Mac hack */
#nav-menu
{
width:30em
}
-->
</style>
<style type="text/css">
div.beispiel { margin-left:10px; }
</style>
<style type="text/css">
body { background-color:#E0E0E0; font-weight:bold; font-family:Arial; font-size:120%; }
</style>
</head>
<body>
<div id="nav-menu" class="beispiel">
<ul>
<li><a href="#"><font face="Arial"><b>Startseite</a></li>
<br>
<br>
<li><a href="#">Liste anlegen</a></li>
<li><a href="#">Liste löschen</a></li>
<li><a href="#">Liste bearbeiten</a></li>
<br>
<br>
<li><a href="#">Mailadresse einer Liste hinzufügen</a></li>
<li><a href="#">Mailadresse aus Liste entfernen</a></li>
<br>
<br>
<li><a href="#">Mail an eine Mailingliste schicken </a></li>
</ul>
</div>Wie baue ich denn hier da was ein was einen Mouseover effekt erzeugt und zwar einen der wenn man mit der Maus drüber geht ein anderes Backgroundimage aufruft und wenn man den link gewählt hat soll das neue background bild bleiben wie geht das???