Zdravim, na webe mam menu cez css ze sa hover efekt meni cez poziciovanie (dva obrazky pod sebou) a chcem aby bol hover efekt aj ked som na aktualnej stranke napriklad ked sa nachadzam na domov, aby bol obrazok hover efektu, ked som mal namiesto odkazov # tak to slo ,hover efekt funguje, a sam netusim ci sa to robi cez a:focus, za rady vopred dakujem.tu je kod (odkazy celkom dole)
Kód:
html, body, div, span, h1, h2, h3, h4, h5, h6, p, img, ul, li, fieldset, form, label { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; width: 1024px; /*1024px,1280px,1440px,1600px*/ margin: 0 auto;
border:0px; font-family: Tahoma; }
ol, ul { list-style: none; }
a {text-decoration:none; color:#aaa; font-family: arial;}
a:hover {text-decoration:none; color:#333;}
a img { border:none!important; }
iframe { padding-left:50px;padding-top:50px;}
.odkaz {margin-left:450px;}
#hlavny {
width:1024px;
height:1024px;
background:#fff;}
.header{
width:1024px;
height:150px;
background: rgb(152,152,152)url(images/header.png)no-repeat;}
#menu {
width:1024px; height:70px;
background:#0b0b0b;
background: url(images/menu.gif);}
#obsah {
width:1024px;
height:744px;
background:#fff;
}
#pata {
width:1024px;
height:30px;
background:#ededed;
line-height:30px;
font-size:14px;
border-top: 1px dashed #000;}
.text{padding-left:350px;}
ul.menu-odkazy
{ float:left;
line-height: 20px;
margin-left:50px;
margin-top:1px;}
ul.menu-odkazy li
{display:inline;
margin-left:40 px; }
ul.menu-odkazy li a
{display: inline-block;
width:167px;
height:70px;
background-position: 0 0;
text-indent:-9999px;}
a.uvod:hover, a.bydlisko:hover, a.skola:hover, a.cesta:hover
{ background-position: 0 -70px;}
a.uvod:focus, a.bydlisko:focus, a.skola:focus, a.cesta:focus
{ background-position: 0 -70px;}
a.uvod{ background: url('images/uvod.gif') no-repeat;}
a.bydlisko{ background: url('images/bydlisko.gif') no-repeat;}
a.skola{ background: url('images/skola.gif') no-repeat;}
a.cesta{ background: url('images/cesta.png') no-repeat;}