Kate - 1 Kwiecień 2009, 17:44 Temat postu: wiersz tabeli jako link Czy ktoś wie jak zrobić wiersz tabeli jako link bez użycia javascript? ABu - 3 Kwiecień 2009, 22:55 Ja bym to rozbił na kilka linków, wyglądałoby to jakoś tak: <table> <tr> <td>wiersz 1 kolumna 1</td> <td>wiersz 1 kolumna 2</td> <td>wiersz 1 kolumna 3</td> </tr> <tr> <td><a href="http://www.google.pl">wiersz 2 kolumna 1 jako link do google</a></td> <td><a href="http://www.google.pl">wiersz 2 kolumna 2 jako link do google</a></td> <td><a href="http://www.google.pl">wiersz 2 kolumna 3 jako link do google</a></td> </tr> <tr> <td>wiersz 3 kolumna 1</td> <td>wiersz 3 kolumna 2</td> <td>wiersz 3 kolumna 3</td> </tr> </table> Kate - 4 Kwiecień 2009, 13:58 Jakieś to rozwiązanie jest ale, w takim przypadku klikalny będzie tylko tekst w komórkach a nie cała komórka. ABu - 5 Kwiecień 2009, 00:17 A tak może być? <table border="1"> <tr> <td>wiersz 1 kolumna 1</td> <td>wiersz 1 kolumna 2</td> <td>wiersz 1 kolumna 3</td> </tr> <tr> <td><a href="http://www.google.pl"><div>google</div></a></td> <td><a href="http://www.google.pl">google</a></td> <td><a href="http://www.google.pl">google</a></td> </tr> <tr> <td>wiersz 3 kolumna 1</td> <td>wiersz 3 kolumna 2</td> <td>wiersz 3 kolumna 3</td> </tr> </table> Teraz jest cała komórka. Działa w IE, FF i Operze. Kate - 5 Kwiecień 2009, 13:18 Teraz to prawie idealnie, ale gdyby dodać tło i zmienianie jego koloru po najechaniu myszką, to tylko będzie zmieniać się jedna komórka. Ale ogólnie rozwiązanie jest ok. ...pozdrawiam;) ABu - 6 Kwiecień 2009, 00:23 <html> <head> <title>Tytul</title> <style type="text/css"> tr.wiersz { background-color: #E0E0E0; } tr.wiersz:hover { background-color: #FFE0E0; } </style> </head> <body> <table border="1"> <tr class="wiersz"> <td>wiersz 1 kolumna 1</td> <td>wiersz 1 kolumna 2</td> <td>wiersz 1 kolumna 3</td> </tr> <tr class="wiersz"> <td><a href="http://www.google.pl"><div>google</div></a></td> <td><a href="http://www.google.pl">google</a></td> <td><a href="http://www.google.pl">google</a></td> </tr> <tr class="wiersz"> <td>wiersz 3 kolumna 1</td> <td>wiersz 3 kolumna 2</td> <td>wiersz 3 kolumna 3</td> </tr> </table> </body> </html> A teraz? Niestety, nie działa w IE, ale nad tym pomyślę jutro (tam będzie potrzebna nieco większa gimnastyka z css i html, ewentualnie zastosowanie JavaScript) Kate - 7 Kwiecień 2009, 10:28 A ja się męczyłam przez pół dnia żeby coś wymyślić, a tu okazuje się że nie jest to aż tak skomplikowane, no jeszcze jak zadziała pod IE to będzie świetnie;) salza - 29 Październik 2009, 00:05
a czemu tak się bronisz przed javascript? wszystko zalatwiasz onmouseOver i onmouseOut rozwiązanie ze stylami jak napisalem kolega wyżej nie działa na każdej przeglądarce, a js na każdej Kate - 29 Październik 2009, 22:04 Już teraz nie bronię się przed javascript. Ale czasami jestem ciekawa czy można coś zrobić w inny sposób. Sk14d0wy - 22 Listopad 2009, 11:34 witam, mam ten sam proble, powyższy sposób nie działa u mnie. 
oto czesc kodu css do linkow,
wstawialem width and height, robilem oddzielnie a.hover a:hover td.link:hover. albo inne rzeczy i wychodza 2 rzeczy zawsze. 1 to zmiana tła tylko za tekstem 2 niedziała GangstaMike - 25 Listopad 2009, 19:20 Napisałem kod na chybcika wszystko znajduje się pomiędzy <body>, działa w IE. Czysty CSS i zero JS. :)
Immortal85 - 11 Grudzień 2009, 12:49 Czytając Wasze wypowiedzi do zadanego pytania mogę stwierdzić jedno: nie ma potrzeby używania Java Scripts - jest to dobre rozwiązanie, jednak w sytuacji kiedy możemy używać XHTML-a i CSS-a proponuję tego typu rozwiązanie działające pod FF I IE: HTML
CSS ZEWNĘTRZNY
Pisałem szybko, więc może gdzieś się wkraść błąd, ale można sprawdzić działanie na www.strony-internetowe.vot.pl Pozdrawiam Artur Miernik - 10 Sierpień 2014, 23:44 Wiersz, to proste. Nie bardzo wiem, jak zrobić, żeby kolumna tabeli była łączem. Da się za pomocą CSS3? |
