+- 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: podświetlający się przycisk[CSS] (/thread-pod%C5%9Bwietlajacy-sie-przycisk-css)
podświetlający się przycisk[CSS] - cichyone - 13-03-2011
Witam. Moj pierwszy post na forum. Chciałbym na początku dodać , że szukałem na googlach problemu, było pełno odpowiedzi ale coś mi nie chce działać żaden sposób więc proszę tutaj o pomoc. Więc po kolei jaka sytuacja :
Chce zrobić topa składającego się z kilku przycisków (mam je 5 pocięte w png). Zrobiłem kopie każdego przycisku z lekkim białym podświetleniem. Chce żeby po najechaniu myszką przycisk zmienił się na tą kopię. Chciałbym to zrobić w CSS. Prosiłbym o w miare dokładne szczegóły bo szukałem po forach i niezbyt rozumiałem o co chodzi.
RE: podświetlający się przycisk - Filuper112 - 13-03-2011
uzyj a:hover{ background: 'obrazek.png'}
Moze to Ci pomoze http://pl.html.net/tutorials/css/lesson6.php
RE: podświetlający się przycisk - cichyone - 13-03-2011
Ok dzieki wielkie za pomoc, coś tam się udało
tylko teraz mnie naszła taka myśl, jeżeli mam 5 różnych przycisków i 5 różnych odmian (10 buttonów razem ) to raczej nie mogę ich wrzucić wszystkich do znacznika A w css? Oraz zauważylem przed chwilą że przycisk działa w IE a w firefoxie nie. Kod css : Kod:
a{
background-image : url(przycisk.png);
width : 157px;
height : 84px;
}
a:hover {
background-image : url(zmiana.JPG)
}RE: podświetlający się przycisk - Pedro84 - 14-03-2011
Nie, musisz im podać albo klasy albo ID.
RE: podświetlający się przycisk - cichyone - 14-03-2011
(14-03-2011, 00:20)Pedro84 napisał(a): Nie, musisz im podać albo klasy albo ID.
mógłbyś mnie tak ogólnikowo wprowadzić w klasy ? tak abym mógł przeczytać o tym na necie i zrozumieć?
RE: podświetlający się przycisk - Filuper112 - 14-03-2011
<li><a href=".html" class="tu dajesz tekst np. link">Home</li></a>
<li><a href=".html" class="tu dajsze np.link 2">Linki</li></a>
i w stylach nadajesz im obrazki w hover
RE: podświetlający się przycisk - cichyone - 14-03-2011
dzięki bardzo za pomoc, pozdrawiam