Autor Zpráva
Marekk
Profil *
Dobry den,

na stranky se chystam umistit novy vzhled a s nim i menim menu, u kazde polozky menu chci mit obrazek nad urovni menu (prozatim mam jen 2), ktere se budou menit po najeti kurzoru mysi a po kliknuti na tlacitko zustanou aktivni. Mam problem s tim, ze kdyz kliknu na horni tlacitko, obrazek zustane aktivni a pri najeti kurzoru mysi na tlacitko pod nim se zmeni obrazek pro aktualni tlacitko, pokud kliknu, tak se me obrazek zmeni na aktualni tlacitko, ovsem pri najeti kurzoru mysi na tlacitka nad nim uz se zmena obrazku neprovede, proste to funguje jen na tlacitka pod temi stisknutymi. Je to trochu zmateny, ale snad trochu poradi prilozeny kod, nevite co mam spatne? Dekuji


<style>


body {
background-image: url(background.jpg);
background-repeat: repeat-x;
background-color: #D9D4C3;}


#body {
background-image: url(body.jpg);
background-repeat: repeat-y;
width: 880px;
height: 800px;
position: absolute;
top:265px;
left: 12px;}

#head {
background-repeat:no-repeat;
width: 880px;
position: absolute;
top:0px;
eft: 12px;
height: 266px;}

#vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 160px;
padding: 0px;
margin-left: 73px;}


#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;}

#vertmenu ul li {
margin: 0px;
padding: 0px;}

#vertmenu ul li a {
font-size: 100%;
display: block;
border-bottom: 1px dashed #990000;
padding: 5px 0px 2px 10px;
text-decoration: none;
color: #111111;
width:130px;}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color:#93AA7D;
color:white;}

#vertmenu a span {
display:none; }

#vertmenu a img {
height: 0;
width: 0;
border-width: 0; }

#vertmenu a:hover img {
position: absolute;
top: -192px;
left:20px;
height: 192px;
width: 196px; }

#vertmenu a:focus img {
position: absolute;
top: -192px;
left:20px;
height: 192px;
width: 196px; }

</style>
</head>
<body>
<div id="head"><img src="head.jpg" width="880" height="265"></div>
<div id="body"><img src="body.jpg" width="880">
<div id="vertmenu">
<ul>
<li><a href="#" tabindex="1">Home<img src="menuhome.jpg"/></a></li>
<li><a href="#" tabindex="2">Chov<img src="menuchov.jpg"/></a></li>
<li><a href="#" tabindex="3">Nemoci</a></a></li>
<li><a href="#" tabindex="4">Genetika</a></li>
<li><a href="#" tabindex="5">Ostatni ptaci</a></li>
<li><a href="#" tabindex="6">Odkazy</a></li>
<li><a href="#" tabindex="7">Kontakt</a></li>
<li><a href="#" tabindex="8">Diskuse</a></li>
<li><a href="#" tabindex="9">Inzerce</a></li>
</ul>
</div>
</div>
</body>
</html>
Plaváček
Profil
Nestudoval jsem to podrobně, ale možná by pomohlo podstrčit pro IE nějakou skutečnou změnu stavu odkazu. Třeba takto:

#vertmenu a:hover {color: #ff000}
Toto téma je uzamčeno. Odpověď nelze zaslat.