+- 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ł: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Problem z aktywnym przyciskiem (/thread-problem-z-aktywnym-przyciskiem)
Strony:
1
2
Problem z aktywnym przyciskiem - elig - 21-06-2010
Witam,
Od jakiegoś czasu samodzielnie robię sobie stronkę www a jako że nigdy nie miałem z tym nic do czynienia, idzie mi wolno opornie.
Ostatnio spotkałem się z następującym problemem:
- utworzyłem aktywny przycisk polegający na tym że jak kursorem najedzie się na napis na przycisku to on się podświetla, po kliknięciu wchodzę na podstronę
ALE
jak w przeglądarce cofnę stronę i wrócę to na aktywnym przycisku dalej widać podświetlony napis, mimo że kursor jest w innym miejscu.
kod mam taki:
<a href="omnie.html"><img src="omnie1.gif" alt="Tekst alternatywny" border="0" onmouseover="this.src = 'omnie2.gif'" onmouseout="this.src = 'omnie1.gif'" /></a>
Jak można tego uniknąć?
pozdrawiam.
RE: Problem z aktywnym przyciskiem - Labsta.com - 21-06-2010
Tego się raczej tak nie robi, mam nadzieję, że jak na początkującego to Cię nie przerośnie:
http://websta.pl/szybkie-triki/szybkitrik-obrazek-z-efektem-hover-rollover-w-css
RE: Problem z aktywnym przyciskiem - elig - 21-06-2010
dzięki za podpowiedź, spróbuję. Nie ma prostszej metody ?
Napisałeś , że tego raczej tak się nie robi. To zależy od sytuacji , znalazłem taki kod w kursie html.
RE: Problem z aktywnym przyciskiem - Dhofca - 21-06-2010
Z tym, że pewnie kurs liczy już sobie trochę latek.
To co było kiedyś dobre, teraz jest już niepoprawne i w świetle nowych technologii - nieużyteczne.Również polecam Ci sposób, który podsunął Ci Labsta.
RE: Problem z aktywnym przyciskiem - Labsta.com - 21-06-2010
Tak jak napisał Ci Dhofca ten sposób to już dinozaur
Na przykład nie mieszamy js z html, dajemy te same możliwości użytkownikom z js i bez, oddzielamy wygląd od treści, linki robimy w postaci tekstowej (np. dla robotów google) itd... Przede wszystkim KISS ( http://pl.wikipedia.org/wiki/KISS_(reguła) ), czym prościej coś zrobisz tym lepiej (w tym wypadku "czystszy" html i bez js do tak prostej sprawy)
RE: Problem z aktywnym przyciskiem - elig - 22-06-2010
zaczyna się sprawa dla mnie komplikować.
to zapytam inaczej.
Robiąc stronę miałem koncept aby intro było we flashu i tak jest a reszta strony w htmlu - tak w ogóle to strona ma być moją amatorską galerią fotografii i struktura jej jest prosta jak budowa cepa. Strona główna , 4 podstrony w tym jedna z podstron z galerią fot.
Jestem na etapie strony głównej gdzie robię te nieszczęsne przyciski.
I teraz : czy mam w takim razie robić to w css ? i osadzać w htmlu ?
Labsta - co do tego hovera to wczoraj próbowałem ale skończyło się na zrobieniu podwójnego przycisku. Nie wiem za bardzo co z tymi poleceniami zrobić , co zmienić i gdzie je w html wstawić.
chyba mnie przerosło. Tym bardziej że moja walka z www polega na pytaniu , kombinowaniu , szukaniu tutoriali itp.
RE: Problem z aktywnym przyciskiem - Pedro84 - 22-06-2010
(22-06-2010, 13:46)elig napisał(a): Robiąc stronę miałem koncept aby intro było we flashu i tak jest a reszta strony w htmlu - tak w ogóle to strona ma być moją amatorską galerią fotografii i struktura jej jest prosta jak budowa cepa. Strona główna , 4 podstrony w tym jedna z podstron z galerią fot.Intro strony? Tego się już nie robi, z resztą, nigdy to nie było dobrym rozwiązaniem. Odradzam.
(22-06-2010, 13:46)elig napisał(a): Jestem na etapie strony głównej gdzie robię te nieszczęsne przyciski.Ale z czym masz problem? Przecież zrobić przyciski to nic trudnego.
I teraz : czy mam w takim razie robić to w css ? i osadzać w htmlu ?
Labsta - co do tego hovera to wczoraj próbowałem ale skończyło się na zrobieniu podwójnego przycisku. Nie wiem za bardzo co z tymi poleceniami zrobić , co zmienić i gdzie je w html wstawić.
Kod:
input.klasa { tutaj normalny przycisk }
input.klasa:hover { tutaj przycisk pod kursorem }Zobacz sobie kurshtml.boo.pl, po jego przeczytaniu, problemów mieć nie powinieneś.
RE: Problem z aktywnym przyciskiem - elig - 22-06-2010
Co do intro to się nie zgodzę, wg mnie to fajny wstęp , który i tak można pominąć a jest pewną atrakcją. Ale nie z tym mam problem.
Same przyciski to nie problem zrobić , ja już je mam.
Problem mam jak pisałem wyżej. Jak zrobić by po najechaniu kursorem napis był podświetlany a po powrocie na poprzednią stronę już nie.
Czyli ten kod wpisuję w plik html ? między nawiasami wpisuję np. przycisk. gif przycisk 1.gif i jest ok ? Nie wydaje mi się.
Od tego kursu zaczynałem i dalej z niego korzystam ale tam nie ma nic na temat hovera. A przynajmniej nie znalazłem.
RE: Problem z aktywnym przyciskiem - Pedro84 - 22-06-2010
(22-06-2010, 15:35)elig napisał(a): Co do intro to się nie zgodzę, wg mnie to fajny wstęp , który i tak można pominąć a jest pewną atrakcją. Ale nie z tym mam problem.Także się nie zgodzę. Intro nigdy nic nie daje, ktoś uważa to za bajer a wymaga dodatkowego kliknięcia od gościa (nawet sobie nie zdajesz sprawy jakie to ma znaczenie).
Same przyciski to nie problem zrobić , ja już je mam.
Problem mam jak pisałem wyżej. Jak zrobić by po najechaniu kursorem napis był podświetlany a po powrocie na poprzednią stronę już nie.
Czyli ten kod wpisuję w plik html ? między nawiasami wpisuję np. przycisk. gif przycisk 1.gif i jest ok ? Nie wydaje mi się.
Od tego kursu zaczynałem i dalej z niego korzystam ale tam nie ma nic na temat hovera. A przynajmniej nie znalazłem.
Zaraz, zaraz. Wytłumacz mi jaki związek ma hover z "powrotem na poprzednią stronę"?
RE: Problem z aktywnym przyciskiem - Dhofca - 22-06-2010
Daj linka do strony. Dziwny ten Twój problem. :p