99% problemu już rozwiązałem pozostała mi tylko kwestia podpisu pod obrazkiem. Kiedy po najechaniu na obrazek ten się podmienia i linki się pojawiają to wszystko gra. Jak jednak zabiorę kursor to napis przesuwa się na środek obrazka, a wolałbym żeby cały czas był pod obrazkiem oto kod:
HTML :
<a href="#"><div class="filmy">
<ol>
<li><a href="#1"><b>komedie</b></a></li>
<li><a href="#2"><b>dokumentalne</b></a></li>
</ol>
<div class="podpis">Filmy</div></div></a>
i CSS:
.podpis
{
margin-top:70px;
color:#2c3e50;
}
ol
{
padding:0;
margin:0;
list-style-type:none;
text-align:center;
margin-top:50px;
line-height: 40px;
display:none;
}
ol a
{
color:#ffffff;
font-family: 'Roboto', sans-serif;
text-decoration:none;\
}
.filmy
{
width:200px;
height:200px;
padding-top:10px;
padding-bottom:20px;
float:left;
margin-right:40px;
text-align:center;
text-decoration:none;
font-family: 'Roboto', sans-serif;
background-image:url(images/film.png);
background-repeat:no-repeat;
}
.filmy:hover
{
background-image:url(images/tlo.png);
}
.filmy:hover > ol
{
display:block;
}