Question

I’ve tried making my hole tr tag to be clickable so I made this code

        <?php foreach ($data['forums'] as $forum): ?>
            <?php #var_dump($forum); ?>
            <tr class="fix head">
                <th class="fix ltext"><strong><?php echo $forum['name'] ?></strong></th>
                <th class="fix rtext"><strong>Trending</strong></th>
                <th class="fix ltext"><strong>Latest Post</strong></th>
            </tr>

            <?php foreach ($forum['children'] as $child): ?>
            <?php #var_dump($child); ?>
                <tr class="fix">
                    <a href="#">
                        <td class="fix ltext cl">
                            <strong><?php echo $child['name']; ?></strong>
                            <p><?php echo $child['description_html']; ?></p>
                        </td>
                        <td class="fix rtext cr">1423</td>
                    </a>
                    <td class="fix ltext cr cl">
                        tanya jawab sesuatu by <a class="u" href="#">=awdwad</a>
                    </td>
                </tr>
            <?php endforeach ?>
        <?php endforeach ?>

on the view

The problem is

The link should be just above the highlighted part and below it. How could it be above far away, below my body tag?

Does ayone have any experience that could possibly generate this error?

Answer 1

The problem is that that is an invalid place for an <a>. No DTD will allow what you have tried to do.

Your approach is all wrong. You have to use Javascript to make a whole <tr> clickable. AFAIK, there is no way to do this in any HTML variant alone.

Try something like this:

<table>
  <tr id="my_clickable_tr">
    <td>Stuff</td>
    <td>Stuff</td>
    <td>Stuff</td>
  </tr>
  <!-- More table stuff -->
</table>
<script type="text/javascript">
  document.getElementById('my_clickable_tr').onclick = function () {
    window.location.href = 'http://wherever.you.want/to/send/the.clicker';
  };
</script>