TD可點擊無div或javascript

我正在致力於一個針對功能有限的css和html支持的舊功能手機類型手機的網站。我有一個單行和兩個單元格的表格，每個單元格都包含一個鏈接。理想情況下，我希望兩者都是可點擊的。我嘗試了一個div解決方案，但是在我測試過的某些手機瀏覽器上，文本會消失，我假設這是因爲這不是完全的語義。TD可點擊無div或javascript

如何做到這一點，而無需使用一個div任何sugggestions？

這裏是我的html

<div><table style="width:100%;"><tbody><tr> 

<td class="leftTd"><a href="link1"><Left</div></a></td> 

<td class="rightTd"><a href="link2>Right</a></td> 
</tr></tbody></table></div>

來源

2014-01-21 Michael Farah

你有你定義了''作爲一個塊級元素？讓我們看看你的CSS。 –

你不能用'CSS'來點擊''，但是你可以將'a'標籤的'CSS'設置爲'display：block'，這可以讓你添加填充等等， ''的完整'寬度/高度'。 –

在leftTd文本開始處有附加的「<」字符。去掉它。如果你真的需要這個字符，使用<代替 – LorDex

您提供的HTML標記無效。這是有效的標記

<table style="width:100%;"> 
    <tbody> 
     <tr> 
      <td class="leftTd"><a href="link1">Left</a></td> 
      <td class="rightTd"><a href="link2">Right</a></td> 
     </tr> 
    </tbody> 
</table>

然後如果你確保一個元素被設置爲display: block;如

td a { 
    display: block; 
}

來源

2014-01-21 16:50:22 Martin

謝謝你，其實我編輯了一些HTML的發佈前和因此錯誤。總之您的解決方案工作，因爲你是第一個建議是，將其標記爲正確的答案 –

我覺得@roko打我的回答是誠實的。 – Martin

最靠近頂部的答案不是第一個嗎？ –

DEMO

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

而且固定的HTML標記的錯誤：

<div> 
<table style="width:100%;"> 
    <tr> 
     <td class="leftTd"><a href="link1">Left</a></td> 
     <td class="rightTd"><a href="link2">Right</a></td> 
    </tr> 
</table> 
</div>

來源

2014-01-21 16:48:44

在第一個鏈接，你有流浪<。

在第二，你沒有href後關閉的報價。

舊電話通常帶有不神交破HTML語法很好的瀏覽器，所以我認爲這是鏈接不會被渲染的原因。

我建議你使用，檢查HTML語法編輯，或像W3C validator至少一些檢查。

來源

2014-01-21 16:49:27

HTML4事件屬性

<table border="0" style="cursor:pointer" onMouseover="window.status='http://www.stackoverflow.com/'" onMouseout="window.status=''" onMouseup="window.location='http://www.stackoverflow.com/'" width="158" height="158" style="background-image: url('http://cdn.sstatic.net/stackoverflow/img/apple-touch-icon.png')"> 
    <tr> 
     <td style="display:none;">This entire table is a link with no content</td> 
    </tr> 
</table>

來源

2014-01-21 16:50:55 davidcondrey

';-) –

TD可點擊無div或javascript

回答

相關問題