link po najechaniu na kolumne tabeli

link po najechaniu na kolumne tabeli

bronx Zobacz profil	20.05.2010, 10:13:28 Post #1
Grupa: Zarejestrowani Postów: 333 Pomógł: 0 Dołączył: 4.03.2004 Ostrzeżenie: (0%)	Witam! Mam takie pytanko.,.. chciałem sobie zrobić taką rzecz, że mam pod sobą wiersze tabeli a w nich linki. Chciałbym tak zrobić żeby można było kliknąć na tabele a nie na tekst i żeby mnie przenosiło... coś takeigo jak jest na allegro.pl w menu "kategorie" - że nei trzeba najeżdżać i klikać na napis np. "Antyki i Sztuka" tylko na te pole na którym jest napis... chciałem zrobić tak [HTML] pobierz, plaintext <table> <a href="link.php"><tr><td>kategoria 1</td></tr></a> <a href="link2.php"><tr><td>jakas inna kategoria</td></tr></a> </table> [HTML] pobierz, plaintext ale to oczywiście nie działa... wie ktoś jak to wykonać ? pozdrawiam

Odpowiedzi (1 - 5)

wookieb Zobacz profil	20.05.2010, 10:25:07 Post #2
Grupa: Moderatorzy Postów: 8 989 Pomógł: 1550 Dołączył: 8.08.2008 Skąd: Słupsk/Gdańsk	W każdej komórce wstawić rozpychającego się linka [CSS] pobierz, plaintext .twoja_tabela td a { display: block; } [CSS] pobierz, plaintext Albo javascriptem reagującym na zdarzenie onclick twojego taga tr [HTML] pobierz, plaintext <tr onclick="obsluga_twojego_linku();"> [HTML] pobierz, plaintext -------------------- 9marshals.com, Fantastyka, Parser bbcode ( UPDATE 1.2 ), Kalkulator wielkości informatycznych

bronx Zobacz profil	20.05.2010, 10:53:28 Post #3
Grupa: Zarejestrowani Postów: 333 Pomógł: 0 Dołączył: 4.03.2004 Ostrzeżenie: (0%)	Witam! Przy drugim sposobie jest taki minus że po najechaniu na tabele kursor nie zmienia się w "łapkę", czyli tak jakby linku nie było... natomiast przy pierwszym nie chce mi to działać :\| do pliku style.css dodałem [CSS] pobierz, plaintext .tab td a { display: block; } [CSS] pobierz, plaintext a pliku html [HTML] pobierz, plaintext <tr><td align="left" bgcolor="#E5E5E5" class="tab"> <div style="margin-left: 0.3cm; margin-right: 0.3cm;"><font size="2"><a href="antyki.php" class="tab">Dom i Ogród</a></font></div> </td></tr> [HTML] pobierz, plaintext

wookieb Zobacz profil	20.05.2010, 11:02:51 Post #4
Grupa: Moderatorzy Postów: 8 989 Pomógł: 1550 Dołączył: 8.08.2008 Skąd: Słupsk/Gdańsk	to dodaj styl [CSS] pobierz, plaintext cursor: pointer; [CSS] pobierz, plaintext dla komórki to łapka będzie. -------------------- 9marshals.com, Fantastyka, Parser bbcode ( UPDATE 1.2 ), Kalkulator wielkości informatycznych

taktu Zobacz profil	20.05.2010, 11:03:39 Post #5
Grupa: Zarejestrowani Postów: 89 Pomógł: 7 Dołączył: 19.05.2008 Ostrzeżenie: (0%)	możesz manipulować wyglądem kursora za pomocą css - link -------------------- http://forum.php.pl/index.php?showtopic=459&st=0 :)

zegarek84 Zobacz profil	20.05.2010, 14:01:38 Post #6
Grupa: Zarejestrowani Postów: 1 332 Pomógł: 294 Dołączył: 12.10.2008 Skąd: Olkusz Ostrzeżenie: (0%)	sam CSS... i tam jest raczej to na listach zrobione - nie wiem o której części linków piszesz... masz przykład - kliknij pobierz i zobacz... [HTML] pobierz, plaintext <html> <head> <title>test</title> <style> #test a{ display: block; width: 100%; height: 100%; /* reszta to dodatek / margin: 0px; padding: 0px; background-color: gray; } / reszta to dodatek po najechaniu myszką / #test a:hover{ background-color: red; } </style> </head> <body> <table id="test"> <tr><td><a href="link.php">kategoria 1</a></td></tr> <tr><td><a href="link2.php">jakas inna kategoria</a></td></tr> <tr><td>napis a nie link ;p</td></tr> </table> </body> </html> [HTML] pobierz, plaintext -------------------- Jeśli twoja ręka rusza do przodu powstrzymaj swój gniew; gdy wyprzedza cię twój gniew - wycofaj rękę. zegarek84*

1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Aktualny czas: 19.08.2025 - 05:04

Hosting zapewnia