Witam serdecznie,
chciałabym zaimplementować podobne menu co znajduję się na tej str:
http://portal.bluesoft.net.pl/web/guest/home
już mam prawie gotowe :) , ale mam 2 problemy:
- chciałabym, aby nie było możliwości klikania na link , tylko w momencie najechania na link rozwijało się menu. Mam tak zrobione ale pokazuje się znaczek myszki do kliknięcia, a ja bym chciała aby pozostało zwykła strzałka myszki.
- jak użytkownik najedzie myszką na link np: < a href=" index.php ">< img src=" zdjecia/pr2.png " alt="Prawo rodzinne" /> </a> to zdjęcie tego linku zostaje przesunięte. Ja bym chciała aby pozostało w tym samym miejscu.
Strona gdzie buduję przykład znajduję się :
http://bulicka.ugu.pl/test/index.php
Działają na razie mi odwołania Prawo rodzinne i Prawo spółdzielce.
To mój kod HTML:
<ul>
<li> <a href="index.php"><img src="zdjecia/pc2.png" alt="Prawo cywilne" /> </a> </li>
<li> <div id="rodzinne"><a href="index.php"><img src="zdjecia/pr2.png" alt="rodzinne" /> </a> </div> </li>
<li> <div id="spoldzielcze"><a href="index.php"><img src="zdjecia/ps2.png" alt="spółdzielcze" /> </a> </div> </li>
<li> <a href="index.php"><img src="zdjecia/pn2.png" alt="Prawo nieruchomości" /> </a> </li>
<li> <a href="index.php"><img src="zdjecia/pa.png" alt="Prawo administracyjne" /> </a> </li>
<li> <a href="index.php"><img src="zdjecia/pp2.png" alt="Prawo pracy" /> </a> </li>
</ul>
a to kod CSS:
ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
#rodzinne #spoldzielcze a{
background: white;
}
ul li {
float: left;
}
#rodzinne a:hover {
background: url('zdjecia/tekst_pr.png') repeat-y top;
padding-left:250px;
padding-top: 10px;
padding-bottom: 800px;
}
#spoldzielcze a:hover {
background: url('zdjecia/tekst_ps.png') repeat-y top;
padding-left:250px;
padding-top: 10px;
padding-bottom: 800px;
}
Proszę uprzejmie o wskazówkę czego mi brakuje. Czyli jak usunąć, aby podczas najechania na link nie zmieniała się myszka z strzałki na rączkę i zdjęcie np linku < a href=" index.php ">< img src=" zdjecia/pr2.png " alt="rodzinne" /> pozostało w tym samym miejscu nawet jak użytkownik najedzie na link?