Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: bg color przy odsyłaczach w stylach
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
cyberas
11.09.2005, 19:50:03
chciałbym, żeby po najechaniu na link w menu produktów zmieniało się tło np:

produkty

ołówek
długopis
zaczarowany ołówek
linijka trzydziesto-metrowa


i tutaj po najechaniu np na produkt ołówek zmieniało się tło na np czerowony. wiem jak to zrobić, czyli:
Kod
table.menu1   tr:hover
{
background-color: #FFFFFF;
}


w tym przypadku działa poprawnie, ale tylko w Operze, bo IE nie chce mi działać - dlaczego?? ja już się poddaję... pisałem już różńie ale nic z tego...- po prostu nie działa.

zrobiłem więc tak:


Kod
<td onMouseOver="this.style.backgroundColor='#jakis_kolor'" onMouseMut="this.style.backgroundColor='#inny_kolor'"


i w IE działa oraz w Operze też, ale jak uruchamiam stronę w IE, to pyta mnie, czy ma uruchomić zdarzenia aktywne na stronie czy nie... a wiem, że jest to przyczyna konfigurowania internetu-najczęściej blokuje się tym wyskakujące, wkurzające reklamy. a ja chcę, żeby w tym przypadku nie pytało, żeby po prostu się strona otwierała. może po prostu trzeba jakoś uwzględnić w koodzie to, żeby automatycznie zezwalała na uruchomienie zdadzeń na stronie.

powiem tak. w forum www.forum.pclab.pl jest takie wykorzystanie i tutaj nie pyta o zezwolenie uruchomienia zdarzeń... co za to odpowiada, bo ja już jestem zielony w tym i nie mogę sobie z tym poradzić...

proszę o poradę smile.gif dzięki
razorblade
11.09.2005, 21:03:20
a moze tak:

Kod
.podswietlaj:hover {
background-color: red;
}


a menu:

Kod
<SPAN class="podswietlaj">ołówek</SPAN><BR />
<SPAN class="podswietlaj">długopis</SPAN><BR />
<SPAN class="podswietlaj">zaczarowany ołówek</SPAN><BR />
<SPAN class="podswietlaj">linijka trzydziesto-metrowa</SPAN><BR />


pozdrawiam rolleyes.gif
Kill3R
11.09.2005, 23:16:52
witam

moze cos w tym stylu questionmark.gif

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <style type="text/css">
  5. body {
  6. 	behavior: url(csshover.htc); /* opis nizej */
  7. 	font: bold 12px verdana;
  8. 	color: #fff;
  9. 	margin: 0;
  10. }
  11. a:hover {
  12. 	background-color: green;
  13. 	width: 100%;
  14. }
  15. table#menu {
  16. 	border: 1px solid #000;
  17. 	border-collapse: collapse;
  18.  
  19. }
  20. #menu td {
  21. 	border: 1px solid #000;
  22. 	background-color: red;
  23. 	padding: 2px;
  24. }
  25. #menu td a {
  26. 	margin: 0;
  27. 	padding: 0;
  28. 	width: 100%;
  29. 	color: #fff;
  30. 	text-decoration: none;
  31. 	display: block;
  32. }
  33. #menu td:hover {
  34. 	background-color: green;
  35. }
  36. </style>
  37. </head>
  38. <body>
  39. <table id="menu">
  40. <tr><td><a href="">ołówek</a></td></tr>
  41. <tr><td><a href="">długopis</a></td></tr>
  42. <tr><td><a href="">zaczarowany ołówek</a></td></tr>
  43. <tr><td><a href="">linijka trzydziesto-metrowa</a></td></tr>
  44. </table>
  45. </body>
  46. </head>
[HTML] pobierz, plaintext


ta linijka behavior: url(csshover.htc);

Jest to pliczek napisany przez Petera Nederlofa
Dzieki temu pliczkowi pozbedziemy sie problemu z atrybutem hover w internet explorerze ktory nie obsluguje hover na innych elementach niz hiperlacza

pliczek mozna pobrac ze strony autora http://www.xs4all.nl/~peterned/

mysle ze pozostale elewmenty tego kodu sa jasne :-)
jesli nie to chetnie odpowiem na forum lub PW o ile bede znal odpowiedz winksmiley.jpg

pozdrawiam Rafal
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.