2010-10-17 6 views

Odpowiedz

5
<td><a href="foo">bar</a></td> 
+1

Dzięki, ale wyobraź sobie, że dodałem dopełnienie do mojego tagu . Po przesunięciu kursora myszy do komórki widać wyraźnie, że nie można kliknąć przycisku , ale tylko słowo "bar" ... – ziiweb

+3

@user, 'td {padding: someValue; } td a {display: block; margin: -someValue; padding: someValue; } 'Możesz również dodać' text-decoration: none' do 'td a'. – eyelidlessness

+0

Dzięki! działa idealnie! – ziiweb

3

Aby włączyć tagi non-Link do linki, użyj @Lie Ryan „s odpowiedź i położyć a do elementu.

Aby móc połączyć do element:

użyć a

<a href="#idOfTheElement">Link to the element</a> 

i nazwany punkt:

<td id="idOfTheElement">contents</td> 
+0

Cool. Czy to nowa funkcja? Myślałem, że potrzebujesz znacznika zakotwiczenia z nazwą (a nie tylko tagiem z identyfikatorem). – Thilo

+2

@Thilo, wydaje się działać we wszystkich nowszych przeglądarkach (w tym IE), ale nie jestem pewien, kiedy został wprowadzony. –

1

<td> s może mieć zdarzenie JavaScript onclick.

Oprócz tego, umieszczenie komórki <a> w komórce tabeli i nadanie jej stałej szerokości w celu wypełnienia tabeli (w tym celu trzeba ją ustawić jako display: block) jest najbardziej niezawodnym sposobem.

1

Jeśli dobrze zrozumiałem, co znaczy:

<td id="yourcell">Just a useless cell</td> 

... 
<a href="yourpage.html#yourcell">link</a> 

Reference

5
<td onclick="window.location = 'index.html';">cell content</td> 

index.html powyżej może być dowolny adres URL lub link do strony wewnętrznej. Uwaga: wskaźnik myszy nie zamienia się w wskazującą rękę, gdy przesuwasz myszką po komórce, używając tej metody javascript, ale kliknięcie komórki powoduje przejście do adresu URL.

+2

Jeśli chcesz, aby wszystkie komórki były klikalne, musisz wspomnieć o "td" w funkcji kliknięcia.

Powiązane problemy