37 users online (0 members and 37 guests)  


  Results 1 to 4 of 4

Related

  1. Scroll bar in table cell help    Forum: HTML Forum
    Replies: 14
  2. Hyperlink table cell    Forum: HTML Forum
    Replies: 11
  3. table cell background    Forum: CSS Forum
    Replies: 3
  4. manipulate table cell    Forum: Javascript Forum
    Replies: 3
  1. #1
    BanzaiRun's Avatar
    New User

    Status
    Offline
    Join Date
    May 2003
    Posts
    6

    table - cell hyperlinking

    I have a rather simple HTML question to ask.

    Is it possible to make an entire cell within a table hyperlink reference rather than just the contents of that.

    Taking the folllowing as an example:-

    <table>
    <tr>
    <td><a href="blank.html">whatever</a></td>
    </tr>
    </table>

    it would seem logical that this would work..

    <table>
    <tr>
    <td href="blank.html">whatever</td>
    </tr>
    </table>

    But it doesnt , and I dont want to use:-

    <table>
    <tr>
    <td><a href="blank.html"><img src="whatever.png"></a></td>
    </tr>
    </table>

    As the table is being populated with non standard figures from a Java routine.

    So is there a way of doing it, or not?

    ta
    _________________

  2. #2
    benzden's Avatar
    Senior Member

    Status
    Offline
    Join Date
    Feb 2002
    Location
    San Antonio, Texas
    Posts
    652
    The anchor tag requires either the <a href=.... or <anchor href=... format. How would the browser know that what you are specifying is a link?

    Why not use it the way you don't want? What problem does that correct format present?

  3. #3
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662
    The effect you are after are called hypercells and they can only be done with javascript

    Here is a simple, one cell example -

    Code:
    <table name="badger">
    <tr>
    <td class="row1" width="100%" style="cursor:hand; padding: 30px; border: 1px solid black;" onMouseOver="this.style.backgroundColor='black'" onMouseOut="this.style.backgroundColor=''" onclick="window.location.href='linked_page.html'">THIS IS CONTENT</td>
    </tr>
    </table>
    If one of our members helps you, please click the icon to add to their reputation!
    No support via email or private message - use the forums!
    Before you ask, have you Searched?

  4. #4
    BanzaiRun's Avatar
    New User

    Status
    Offline
    Join Date
    May 2003
    Posts
    6
    Ahaaa,

    Thx vm Dean.



Tags for this Thread