2011-03-07 16 views
1

我遇到了一些我在Dreamweaver中創建的鏈接的問題;我已經通過將網址添加到Dreamweaver中的鏈接字段來創建這些鏈接。整個圖像沒有充當鏈接Dreamweaver

但是,當我在瀏覽器中預覽整個圖像不會變成鏈接,只有它的底部。所以當我將鼠標懸停在圖像上時,只有在圖像的最底部纔會變成一隻手。

這個頁面的代碼是在這裏http://jsfiddle.net/BGpu8/和這個問題的鏈接在頁面的底部 - Facebook,微博等

上爲什麼發生這種情況,將不勝感激任何想法!先謝謝你!

+2

哦,夥計,忘記DW的編輯,並自己進入代碼! Aptana是一個更好的程序,不會臃腫,並且可以讓您編輯代碼,而無需添加無用的JS圖像交換功能,這些功能很容易用CSS完成! – Kyle 2011-03-07 10:54:17

回答

0

它應該被標記的是這樣的:

<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生成的代碼中,它有兩次錨以及其他令人興奮的事情。如果你有時間,你應該採取一些其他的海報建議,並嘗試手動學習。

+0

非常感謝,非常感謝您的建議@Graham Conzett。 – noobug 2011-03-08 13:43:39

0

請檢查您是否錯過了提供「display:block;」 CSS屬性到你的錨標籤。

+0

謝謝我嘗試過,但它沒有改變任何東西。問題依然存在。 – noobug 2011-03-07 11:33:26

+0

嘗試使用類似這樣的代碼,

, – Shruti 2011-03-08 13:22:29

0

試圖像這樣的代碼,

<div class="fbIcon"><a href="http://www.facebook.com/fbname">&nbsp;</a></div> 

和相應的CSS爲: .fbIcon { 背景:網址(UR圖像URL); 身高:xx px; width:xx px; }

.fbIcon a display:block; }

現在它工作!