html - table row like a link

html css hyperlink html-table
Max Frai picture Max Frai · Sep 22, 2009 · Viewed 271.8k times · Source

I can't set my table row as link to something. I can use only css and html. I tried different things from div in row to something another, but still can't make it works.

Answer

Esteban Küber picture Esteban Küber · Sep 22, 2009

You have two ways to do this:

  • Using javascript:

    <tr onclick="document.location = 'links.html';">

  • Using anchors:

    <tr><td><a href="">text</a></td><td><a href="">text</a></td></tr>

I made the second work using:

table tr td a {
    display:block;
    height:100%;
    width:100%;
}

To get rid of the dead space between columns:

table tr td {
    padding-left: 0;
    padding-right: 0;
}

Here is a simple demo of the second example: DEMO

Related questions

Use a normal link to submit a form

I want to submit a form. But I am not going the basic way of using a input button with submit type but a a link. The image below shows why. I am using image links to save/submit the …

Read More
How can I make a link from a <td> table cell

I have the following: <td> some text <div>a div</div> </td> I'd like to make the entire <td>...</td> a hyperlink. I'd prefer without the use of …

Read More
how to set cursor style to pointer for links without hrefs

I have a lot of <a> html tags without the href attribute for making onclick javascript calls. These links do not have a pointer style of cursor. They have text style cursor. How can I set the cursor …

Read More