Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]a:hover problem w IE
drzalek
post
Post #1





Grupa: Zarejestrowani
Postów: 170
Pomógł: 18
Dołączył: 6.03.2007

Ostrzeżenie: (0%)
-----


Mam taki oto kodzik

  1. <a href="http://jakasstrona">
  2. <table class="tabelka">
  3. <tr>
  4. <td>
  5. <img src="jakasfotka.jpg"></img>
  6. </td>
  7. <td>
  8. <h3>Jakis Tytul</h3>
  9. <p>Jakis opis</p>
  10. </td>
  11. <td>
  12. <p>inny opis</p>
  13. </td>
  14. </tr>
  15. </a>


do tego arkusz css

  1. .tabelka {background-image: url('tlo1.jpg');}
  2. .tabelka a:hover {background-image: url('tlo2.jpg');}


Chodzi o to, żeby po najechaniu myszką na tą tabelkę zmieniało się jej tło.
Działa we wszystkim i w Forefoxie i w IE, z tą różnicą, że w IE nie da się kliknąć w tabelkę i przenieść do strony z odnośnika, w Firefoxie działa dobrze.

Może ktoś wie czemu.

Z góry dzięki za pomoc (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 4)
Pilsener
post
Post #2





Grupa: Zarejestrowani
Postów: 1 590
Pomógł: 185
Dołączył: 19.04.2006
Skąd: Gdańsk

Ostrzeżenie: (0%)
-----


Wewnątrz znacznika <a> nie wolno używać <p>, <h3>, że już nie wspomnę o table (polecam jakiś kurs HTML). Jak chcesz, żeby tabelka zmieniała tło - to dla innych przeglądarek pseudoklasa hover, a dla IE (jeśli Ci na tym zależy) java-script - w tym wypadku wystarczy linijka kodu.
Go to the top of the page
+Quote Post
drzalek
post
Post #3





Grupa: Zarejestrowani
Postów: 170
Pomógł: 18
Dołączył: 6.03.2007

Ostrzeżenie: (0%)
-----


No właśnie wiem, dlatego pytam, bo zależy mi na tym, żeby cała tabelka była odnośnikiem, obecnie w kodzie mam tak, że każdy z trzech elementów jest osobnym odnośnikiem: osobno img osobno h3 i osobno p... Wrzuciłem zatem całość w a i choć to nie poprawne, to przynajmniej działało, ale tylko w fireroxie... nie mam pomysłu jak to zrobić poprawnie i żeby było dobrze wszędzie (bez js).

A podświetlanie tabeli nie musi działać, chociaż to akurat działa w IE7, w IE6 już nie, ale na tym mi nie zależy.

Tak w ogóle to dzięki za zainteresowanie (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
Pilsener
post
Post #4





Grupa: Zarejestrowani
Postów: 1 590
Pomógł: 185
Dołączył: 19.04.2006
Skąd: Gdańsk

Ostrzeżenie: (0%)
-----


Podlinkuj tradycyjnie nagłówek tabeli albo nagłówki wierszy i kolumn, a dodatkowo zrób odnośnik w JS dla całe tabeli - nie jest to trudne, onclick="window:location='adres". Kiedyś może będzie można <div href=""> (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post
drzalek
post
Post #5





Grupa: Zarejestrowani
Postów: 170
Pomógł: 18
Dołączył: 6.03.2007

Ostrzeżenie: (0%)
-----


No może faktycznie tak zrobię (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Dzięki (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 30.09.2025 - 10:42