+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [CSS]Obrazkowy odnośnik zmieniający się po najechaniu kursorem (/thread-css-obrazkowy-odno%C5%9Bnik-zmieniajacy-sie-po-najechaniu-kursorem)
Strony:
1
2
[CSS]Obrazkowy odnośnik zmieniający się po najechaniu kursorem - jeboka - 18-03-2012
Witam jestem początkujący , ale już coś ogarniam w miare , potrzebuje zrobić odnośnik obrazkowy który będzie wyglądał tak: http://imageshack.us/photo/my-images/19/galerianc.png/ o nazwie "galeria.png" a po najechaniu będzie zastępowany takim: http://imageshack.us/photo/my-images/40/galeria2w.png/ o nazie "galeria2.png" , próbowałem to zrobić za pomocą:
w html
Kod:
<a href="strona2.html"><img src="galeria.png" alt="lipa" /></a>Kod:
a:hover { background-image url('galeria2.png)
}Moje pytanie to czy jest to w ogóle możliwe tak jakby zastąpić dany obrazek innym , jeśli tak to w jaki sposób to napisać
RE: [CSS]Obrazkowy odnośnik zmieniający się po najechaniu kursorem - Pedro84 - 18-03-2012
Kolego, tak się nie robi.
Zagooglaj sobie za css sprites, a zobaczysz jak to powinno wyglądać.
RE: [CSS]Obrazkowy odnośnik zmieniający się po najechaniu kursorem - jeboka - 18-03-2012
Dzięki za odpowiedz ale dlaczego tak sie nie robi ? Mimo to chciałbym tak zrobić jak napisałem jeśli jest możliwość i o jakieść bardziej szczegółowe wyjaśnienie , czytałem na temat css sprites ale dalej nie wiem jak to zastosować do moich odnośników
RE: [CSS]Obrazkowy odnośnik zmieniający się po najechaniu kursorem - Moody - 18-03-2012
A nie powinno być tak?
Kod:
<a href="strona2.html">Galeria</a>Kod:
a {
background-image: url("galeria.png")
}
a:hover {
background-image: url("galeria2.png")
}RE: [CSS]Obrazkowy odnośnik zmieniający się po najechaniu kursorem - jeboka - 18-03-2012
Wpisałem to do swojej strony , ale nadal nie dziala tak jak powinno oto efekt : http://imageshack.us/photo/my-images/850/galeriacss.jpg/
Możlwie że coś jeszcze trzeba dopisać , width: i height: mi nie pomagało , ale i tak zostaje zwykły napis galeria którego nie chce , jakieś inne pomysły ?
RE: [CSS]Obrazkowy odnośnik zmieniający się po najechaniu kursorem - Moody - 18-03-2012
A no tak. Zapomniałem o czymś
A nie powinno być tak?
Kod:
<a href="strona2.html">Galeria</a>Kod:
a {
display:block;
width: szerokośćobrazka px;
height: wysokośćobrazka px;
background-image: url("galeria.png");
}
a:hover {
display:block;
width: szerokośćobrazka px;
height: wysokośćobrazka px;
background-image: url("galeria2.png");
}Teraz działa?
RE: [CSS]Obrazkowy odnośnik zmieniający się po najechaniu kursorem - Moody - 18-03-2012
Sorki. Ale przecież pewnie jeszcze się przyda. Także nie ma co płakać nad rozlanym mlekiem.
RE: [CSS]Obrazkowy odnośnik zmieniający się po najechaniu kursorem - jeboka - 19-03-2012
Zrobiłem to sposobem Kornela bo tak jak Moody robił to pozostawał napis galeria w rogu. Dzięki wam za odpowiedz i rozwiązanie mojego problemu.
RE: [CSS]Obrazkowy odnośnik zmieniający się po najechaniu kursorem - Moody - 19-03-2012
To widać, że się koleś zna na html
Wystarczyło usunąć ze znacznika <a> napis galeria. Ale widać trzeba im wszystko kawę na ławę.