GRY-Online.pl --> Archiwum Forum

Html - małe pytanko

01.01.2009
20:55
[1]

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ę.

01.01.2009
20:57
[2]

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.

01.01.2009
21:03
[3]

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>

?

01.01.2009
21:05
[4]

maviozo [ Man with a movie camera ]

To powyżej, to w pliku css, natomiast sam link to tylko:
<a href="LINK" class="b2">

01.01.2009
21:10
[5]

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?

01.01.2009
21:13
[6]

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.

01.01.2009
21:15
[7]

Erdi [ Generaďż˝ ]

Jest konkretny powód. Nauczyciel tak nakazał :P

01.01.2009
21:21
[8]

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>

01.01.2009
21:29
[9]

Erdi [ Generaďż˝ ]

Dzięki, ale nie jestem pewien co wpisać w "PLIK OBRAZKA". Mógłbym prosić o odpowiedż na to "ciężkie" pytanie? :>

01.01.2009
21:30
[10]

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>

01.01.2009
21:40
[11]

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? :>

01.01.2009
21:45
[12]

nagytow [ Firestarter ]

To rozwiazanie to tak naprawde skrypt w JavaScript, IE to wykrywa i ostrzega. Nie ma sie czym przejmowac. Ewentualnie uzyj css :)

01.01.2009
21:46
[13]

maviozo [ Man with a movie camera ]

-->
i się nie pojawi.

jeśli dobrze pamiętam. Sprawdzić zawsze możesz, zmienić ustawienie i uruchomić ponownie.


Html - małe pytanko - maviozo
01.01.2009
21:49
[14]

nagytow [ Firestarter ]

maviozo --> Osobiscie nie dal bym praw uczniom do modyfikowania ustawien przegladarki, nawet jesli sa osobne dla kazdego profilu.

01.01.2009
21:51
[15]

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 :)

01.01.2009
23:09
smile
[16]

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 :

© 2000-2024 GRY-OnLine S.A.