весь образ не действует как ссылка Dreamweaver

Question

У меня проблема с некоторыми ссылками, которые я сделал в Dreamweaver;Я сделал эти ссылки, поместив веб-адрес в поле ссылки в Dreamweaver.

Но при предварительном просмотре в браузере все изображение не превращается в ссылку, а только нижняя часть.Поэтому, когда я наводю указатель мыши на изображение, только в самом низу изображения оно превращается в руку.

Код страницы находится здесь http://jsfiddle.net/BGpu8/, а ссылки с этой проблемой находятся внизу страницы - Facebook, Twitter и т. Д.

Есть идеи, почемуслучившееся будет высоко ценится!Заранее спасибо!

Answer 1

Это действительно должно быть размечено так:

<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 он дважды был привязан к нему и имел место другой случай.Если у вас есть время, вы должны воспользоваться советами других постеров и попробовать учиться от руки.

Answer 2

попробуй закодировать вот так,

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

и соответствующий CSS как: .fbIcon { фон: URL (url url изображения); высота: хх пикс; ширина: хх пикс; }

.fbIcon a { Дисплей: блок; }

Теперь это должно работать!

Answer 3

проверьте, не пропустили ли вы "display: block;"Свойство css для вашего тега привязки.