<a>中的HTML表格

是否有可能以某種方式將整個HTML表格放置在href鏈接中？<a>中的HTML表格

是這樣的：（在IE瀏覽器不工作）

<td class="order_confirm"> 
     <a href="ssss"> 
      <div> 
       <table width="100%" border="0" cellspacing="6" cellpadding="0"> 
        <tr> 
        <td><img src="design/img/icon_ok.png" width="22" height="22" alt="objednat" /></td> 
        <td width="0" class="order_confirm_order">OBJEDNAT</td> 
        <td width="100%" class="order_confirm_order_desc">Záväzne si objednávam uvedený tovar a súhlasím s platobnými,<br /> 
         dodacími a obchodnými podmienkami prevádzkovateľa.</td> 
        </tr> 
       </table> 
      </div> 
     </a> 
    </td>

我知道的事實，這是不是最好的做法，但是，我實在看不出這個解決方法使用非 - 表格佈局...因此，具有非表格佈局的解決方案對我來說也是可以接受的。

來源

2012-03-25 Michal

「將整個HTML表中A HREF鏈接」 ????????首先告訴我們你想做什麼。 – PeeHaa 2012-03-25 13:55:11

你有一個寬度爲100％的'td'，而你在那一行有其他'td'。 – PeeHaa 2012-03-25 13:56:29

它的工作正在進行中@PeeHaa，請不要關注:) – Michal 2012-03-25 13:57:48

如果你想你的整個表作爲一個鏈接，你可以模擬它的CSS和JavaScript。

本例使用jQuery：

<style> 
    #big-link { 
     cursor: pointer; 
    } 
</style> 

<script> 
$(function() { 
    $("#big-link").click(function() { 
     window.location.href = "ssss"; 
    }); 
}); 
</script> 
<div id="big-link"> 
    <table> 
     ... 
    </table> 
</div>

來源

2012-03-25 14:07:26 jsonx

哦，不錯的選擇，沒有想到這一個... +1 - thanx – Michal 2012-03-25 14:10:37

也許你應該編輯答案，以便很明顯，這是jQuery - 不是JS單獨...（我知道，但有人否則可能不會......） – Michal 2012-03-25 14:11:36

@MichalPlško：這就是user1150525提出的同樣的解決方案，你說你*不想使用... – Guffa 2012-03-25 16:45:41

將div或table放在a中是不正確的。（有關更多信息，請參閱selfhtml）。

你可以做的是這樣的：

<div onclick="document.location.href = 'new location';">....</div>

來源

2012-03-25 13:56:55

+1爲此，然而，我知道這一點，我不想使用它，我希望有一個重要的... – Michal 2012-03-25 14:05:10

+1爲了提出後來在另一個答案中重複和接受的方法... – Guffa 2012-03-25 18:16:13

非常感謝！ – 2012-03-25 18:18:26

在HTML 5，你可以把塊元素的內聯元素裏面，所以它會工作。

對於任何不支持HTML 5的瀏覽器，或者如果頁面中沒有HTML 5文檔類型，標記將會中斷，並且div和table將最終在鏈接之外。

來源

2012-03-25 13:57:21 Guffa

是的，那麼，doctype現在是XHTML 1.0 Transitional，但它正在進行中，所以我可能會更改爲HTML5。會不會有其他問題切換文檔類型？尚未與HTML5一起工作...... – Michal 2012-03-25 14:02:59

@MichalPlško：那麼，最大的問題是不支持HTML 5的瀏覽器。 – Guffa 2012-03-25 14:38:02

他們會不會「回滾」到HTML 4.1或什麼？ – Michal 2012-03-25 15:07:00

使用html4事件屬性可以使table本身anchor-tag。

<table 
    style="cursor:pointer" 
    onMouseover="window.status='http://www.stackoverflow.com/'" 
    onMouseout="window.status=''" 
    onMouseup="window.location='http://www.stackoverflow.com/'" 
    width="500" height="500">

來源

2014-01-24 06:19:50 davidcondrey

<a>中的HTML表格

回答

相關問題