--> Archiwum Forum
Erdi [ Generaďż˝ ]
Html - małe pytanko
Witam.
Otóż postanowiłem zrobić taką, mała, prostą stronę internetową. Mam już layout(menu, logo, stopka etc.). Chciałbym zrobić taki trick w html, żeby po najechaniu kursorem w menu na jakikolwiek odsyłacz obrazkowy, zmienił on swój wygląda. Na przykład zmienił kolor. Mam przygotowoną wersję menu pierwszego, takiego przed clickiem i po klicku. Pamiętam, że kiedyś takie coś znalazłem. Niestety tym razem nie mogę. Jeżeli wie ktoś o co mi chodzi, to proszę o jak najszybszą pomoc. Z góry dziękuję.
maviozo [ Man with a movie camera ]
.menu a.b2 ‹background-image: url(LINK); background-position:bottom; height: WYSpx; width: SZERpx; float:left; margin-right: 1px; ›
.menu a.b2:hover ‹background-position: top;›
A obrazek tworzysz "podwójny": jeden pod drugim, pierwszy nieaktywny, drugi po najechaniu.
Erdi [ Generaďż˝ ]
Tak to powinno wyglądać:
<a href=" src="images/s1.png" width="80" height="35" alt="kontakt"home"border="0" a:hover="drugi obrazek"></a></td>
?
maviozo [ Man with a movie camera ]
To powyżej, to w pliku css, natomiast sam link to tylko:
<a href="LINK" class="b2">
Erdi [ Generaďż˝ ]
Kurde, a właśnie problem polega na tym, że ta strona ma być cała w html. Wiem, wiem, że layout powinien być w CSS, ale już mam to wszystko fajnie w html, tylko pozostało to menu. To jak da się zrobić te menu w html(bez CSS), czy będę musiał pozostawić to jak jest?
nagytow [ Firestarter ]
Jest jakis konretny powod dla ktorego nie chcesz uzywac css? Przeciez nie musisz uzywac osobnego pliku, wytarczy uzyc style="", albo w ogole dodac sekcje <style></style> w head.
Erdi [ Generaďż˝ ]
Jest konkretny powód. Nauczyciel tak nakazał :P
maviozo [ Man with a movie camera ]
No to dowal mu coś takeigo:
<a href="link"><img onmouseover="this.src=NOWY OBRAZEK" onmouseout="this.src=STARY" src="PLIK OBRAZKA"></a>
Erdi [ Generaďż˝ ]
Dzięki, ale nie jestem pewien co wpisać w "PLIK OBRAZKA". Mógłbym prosić o odpowiedż na to "ciężkie" pytanie? :>
nagytow [ Firestarter ]
maviozo podal prostsza wersje od mojej, ale z jakiegos powodu niedzialajaca u mnie pod Opera, zapodam wiec moja, nieco dluzsza:
<a href="#" onMouseOver='rollover.src="obrazek2"' onMouseOut='rollover.src="obrazek1"'><img src="obrazek1" name="rollover"></a>
Erdi [ Generaďż˝ ]
Dzięki wielkie. Działa już pięknie :) Tylko mam mały problem. Strony będą sprawdzane na przeglądarce IE. Niestety po włączeniu strony na IE, wyskakuje na górze pasek informujący o tym, że ie blokuje niebezpieczne skrypty i obiekty activex, i aby ten nasz trick zaczął działać należy tą ochronę odblokować. Rozumiem, że tego nie da już się zlikwidować i pozostaje mi dogadanie się z panem informatykiem? :>
nagytow [ Firestarter ]
To rozwiazanie to tak naprawde skrypt w JavaScript, IE to wykrywa i ostrzega. Nie ma sie czym przejmowac. Ewentualnie uzyj css :)
maviozo [ Man with a movie camera ]
-->
i się nie pojawi.
jeśli dobrze pamiętam. Sprawdzić zawsze możesz, zmienić ustawienie i uruchomić ponownie.
nagytow [ Firestarter ]
maviozo --> Osobiscie nie dal bym praw uczniom do modyfikowania ustawien przegladarki, nawet jesli sa osobne dla kazdego profilu.
Erdi [ Generaďż˝ ]
Wszystkie prawa mamy ograniczone. Zresztą informatyk będzie sprawdzać wszystko pokolei, na swojej maszynie. To pozostaje mi dogadanie się. Jeszcze raz wielkie dzięki :)
slowik [ NightInGale ]
nagytow===>cos najzwyczajniej (....) jesli Ci css nie dziala poprawnie pod opera
Erdi===>rozwiazanie podane przez maviozo jest dobre jednak nie do konca takie fajne kilka mankamentow ono ma ... podaj plik ze swoja strona naskrobie co i jak ewentualnie polecam szukac u zrodla tj w3c.org a dokladniej :