錶行作爲錨點

我試圖將我的整個表格行設置爲錨點。我讀過這裏，因爲html標準不允許這樣做，所以將所有表格行內容放置在錨標記內不是一個好習慣。錶行作爲錨點

完成此操作的最佳策略是什麼？

我正在分析在每個表格單元格中放置錨定標記的可能性，正如我在這個示例上對.day div所做的那樣：http://jsfiddle.net/XdfCp/4/這是一個很好的解決方案嗎？

該解決方案的問題在於錨點未覆蓋所有表格單元格空間。我已經配置在這樣的主播，但它沒有考慮所有的細胞空間：

#ListaEventosPorMes a{ 
     display: block; 
     width: 100%; 
     height: 100%; 
     color: White; 
    }

其他行爲我需要的是讓所有行中的懸停效果，而不是特定的表格單元格錨。你有任何想法來解決這個問題嗎？

來源

2012-06-29 Ronaldo

你需要使用的錨鏈接，或只是在t他CSS懸停效果？ – Nightfirecat

那麼你可以做一個JavaScript onclick事件，在錶行上，而不是整行放在一個標籤？（並仍然有一個標籤在哪裏搜索引擎優化） – BjarkeCK

是的，我可以！如果我這樣做，是不是必須把錨定在每個表格單元格中？我認爲這是最好的解決方案。我怎樣才能做到這一點？ – Ronaldo

自IE7以來，所有主流瀏覽器都支持所有元素上的:hover CSS僞類，包括tr，因此您不需要使用錨來設置懸停狀態。

至於你的其他問題，看看這個答案：Make link in table cell fill the entire row height

來源

2012-06-29 01:02:40 davidgoli

我已經完成了。 http://jsfiddle.net/XdfCp/7/但通過這種方式，錨點的懸停不會生效。它注意到我應用的baground顏色（rgba（114,40,39,0.8））在元素後面。當我將懸停設置爲我的li標籤時，也會出現這種效果。 – Ronaldo

在這種情況下，請不要使用錨的懸停 - 使用表格行進行懸停效果，例如：'tr：hover {background：rgba（114,40,39,0.8）; }' – davidgoli

當我將懸停放在li上時（也就是我的行元素），也會發生這種情況。 – Ronaldo

我不知道你正在嘗試與錨做。我有一個表用於顯示SQL表的行。當PHP創建表時，它將onclick插入每行標題中，並將該行的索引作爲參數。沒有使用錨點。

while ($row = mysql_fetch_array($result)) { 
    $id = $row['resv_id']; 
    $funct_call="Edit_Row($id)"; 
    echo "<tr " . "onclick=$funct_call" . " >"; 
}

的onclick函數體是：

var target="./entry_form.php?submit=Edit&resv_id=index_num"; 
window.open(target.replace("index_num",id),'_self');

來源

2012-08-03 06:08:04 mkstlwtz

把該行的錨標記的每個TD內，把錨標記一個div裏面，但你需要給它的高度（這是更好地給它一個最小高度，如果內容需要擴展）

.link { 
width:100%; 
min-height:100px; /**For example**/ 

} 
<tr> 
    <td><a><div class="link"></div></a></td> 
    <td><a><div class="link"></div></a></td> 
    <td><a><div class="link"></div></a></td> 
</tr>

來源

2013-09-13 11:54:11

錶行作爲錨點

回答

相關問題