Forum PHP.pl > link po najechaniu na kolumne tabeli

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: link po najechaniu na kolumne tabeli

Forum PHP.pl > Forum > Po stronie przeglądarki

bronx

20.05.2010, 10:13:28

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

wookieb

20.05.2010, 10:25:07

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

bronx

20.05.2010, 10:53:28

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

20.05.2010, 11:02:51

to dodaj styl

[CSS] pobierz, plaintext 
cursor: pointer;
[CSS] pobierz, plaintext

dla komórki to łapka będzie.

taktu

20.05.2010, 11:03:39

możesz manipulować wyglądem kursora za pomocą css - link

zegarek84

20.05.2010, 14:01:38

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

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.