我遇到了一些我在Dreamweaver中創建的鏈接的問題;我已經通過將網址添加到Dreamweaver中的鏈接字段來創建這些鏈接。整個圖像沒有充當鏈接Dreamweaver
但是,當我在瀏覽器中預覽整個圖像不會變成鏈接,只有它的底部。所以當我將鼠標懸停在圖像上時,只有在圖像的最底部纔會變成一隻手。
這個頁面的代碼是在這裏http://jsfiddle.net/BGpu8/和這個問題的鏈接在頁面的底部 - Facebook,微博等
上爲什麼發生這種情況,將不勝感激任何想法!先謝謝你!
我遇到了一些我在Dreamweaver中創建的鏈接的問題;我已經通過將網址添加到Dreamweaver中的鏈接字段來創建這些鏈接。整個圖像沒有充當鏈接Dreamweaver
但是,當我在瀏覽器中預覽整個圖像不會變成鏈接,只有它的底部。所以當我將鼠標懸停在圖像上時,只有在圖像的最底部纔會變成一隻手。
這個頁面的代碼是在這裏http://jsfiddle.net/BGpu8/和這個問題的鏈接在頁面的底部 - Facebook,微博等
上爲什麼發生這種情況,將不勝感激任何想法!先謝謝你!
它應該被標記的是這樣的:
<div id="fb"> <p><a href="http://www.facebook.com/group.php?gid=232587661141"><img src="graphics/social graphics/facebook.gif" width="31" height="31" alt="Facebook Logo" />
Find Us <br />on Facebook</a></p></div>
穿上內聯元素,如錨和圖像內的塊級元素,如段落。在DreamWeaver生成的代碼中,它有兩次錨以及其他令人興奮的事情。如果你有時間,你應該採取一些其他的海報建議,並嘗試手動學習。
非常感謝,非常感謝您的建議@Graham Conzett。 – noobug 2011-03-08 13:43:39
試圖像這樣的代碼,
<div class="fbIcon"><a href="http://www.facebook.com/fbname"> </a></div>
和相應的CSS爲: .fbIcon { 背景:網址(UR圖像URL); 身高:xx px; width:xx px; }
.fbIcon a display:block; }
現在它工作!
哦,夥計,忘記DW的編輯,並自己進入代碼! Aptana是一個更好的程序,不會臃腫,並且可以讓您編輯代碼,而無需添加無用的JS圖像交換功能,這些功能很容易用CSS完成! – Kyle 2011-03-07 10:54:17