Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]a:hover problem w IE
Forum PHP.pl > Forum > Przedszkole
drzalek
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 smile.gif
Pilsener
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.
drzalek
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 smile.gif
Pilsener
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=""> winksmiley.jpg
drzalek
No może faktycznie tak zrobię smile.gif Dzięki smile.gif
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.