Div無法進入鏈接，XHTML的任何替代方法都是嚴格的？

我的就職帖子在這裏，希望大家可以幫忙。 :)Div無法進入鏈接，XHTML的任何替代方法都是嚴格的？

我一直在努力創建一個純粹的XHTML嚴格的網站沒有圖像，但產品，但我在一個小果醬。我似乎無法找到一種方法，讓一個按鈕，這樣會出現如下圖所示：

enter image description here

如果它有一個懸停狀態，矩形，目前是

<div class="topprodcartadd"><a href="#">Add to Cart</a></div>

我做了一個小的CSS類，看起來像這樣：

.topprodcartadd { 
    width: 190px; 
    height: 50px; 
    background-color: #000; 
    margin: 10px 0px; 
    padding:0px 10px 10px 0px; 
    float: left; 
    text-align: right; 
    vertical-align: middle; 
} 
.topprodcartadd:hover { 
    background-color: #00a7e6; 
} 
.topprodcartadd a { 
    text-decoration: none; 
    color: #00a7e6; 
} 
.topprodcartadd a:hover { 
    color: #fff; 
}

我想讓它在某種程度上鏈接，但在嚴格的XHTML它給我驗證錯誤時，我喜歡搖滾的代碼這個：

<a href="#"><div class="topprodcartadd">Add to Cart</div></a>

那麼有沒有人有任何其他的想法，我可以做什麼使按鈕出現這種方式？

謝謝！

來源

2012-12-21 Carlos Z

請確認您是否需要這是一個實際的鏈接（具有實際導航到某處的HREF），或者您簡單地需要它顯示爲鏈接（光標變爲「手形」）。謝謝 –

更改CSS爲錨：

.topprodcartadd a { 
    text-decoration: none; 
    color: #00a7e6; 
    display:block; 
    width: 190px; 
    height: 50px; 
}

jsFiddle example

我加display:block和的寬度和高度，使鏈路佔用了所有在div房間。

來源

2012-12-21 21:48:15 j08691

OMG非常感謝你，這就是我一直想念的！ –

-1

如果你簡單地需要鼠標光標變成一隻手，只需將cursor:pointer添加到你的DIV風格，你不必使用錨點。

來源

2012-12-21 21:51:41

除了那些絕對沒有效果，像一個真正的鏈接，純粹是美容。 – j08691

OP表示他需要「一個如此處所示的按鈕」，但從來沒有說它必須是一個可以在任何地方導航的真實鏈接。 –

不，OP說「我想讓它鏈接」。 – j08691

所以，如果我得到你的問題所在：

1）你可以設置爲display: block所以a填補它的父元素。

2）你確定你需要XHTML Strict嗎？

來源

2012-12-21 21:51:52 chuwy

感謝chuwy。有時候看起來像display：block會失控。如果我真的使用了CSS，那麼CSS會如何看待？ –

是的，我必須嚴格使用XHTML，這是客戶端的要求之一。 :( –

Div無法進入鏈接，XHTML的任何替代方法都是嚴格的？

回答

相關問題