전체 이미지가 링크로 작동하지 않습니다. dreamweaver

Dreamweaver에서 만든 일부 링크에 문제가 있습니다. Dreamweaver의 링크 필드에 웹 주소를 입력하여 이러한 링크를 만들었습니다.전체 이미지가 링크로 작동하지 않습니다. dreamweaver

그러나 브라우저에서 미리 볼 때 전체 이미지가 링크로 바뀌지 않으며 그 아래 부분 만 표시됩니다. 따라서 마우스를 이미지 위로 가져 가면 이미지 맨 아래에서만 손으로 변합니다. 트위터 등

이 많이 주시면 감사하겠습니다 일어나는 이유에 대한 모든 아이디어를 페이스 북 -

페이지에 대한 코드는 여기 http://jsfiddle.net/BGpu8/이며,이 문제와 링크는 페이지 하단에 있습니다! 미리 감사드립니다.

2011-03-07 noobug

오, 이런, DW 편집에 대해 잊어 버리고 직접 코드에 들어가십시오! Aptana는 더 나은 프로그램이 아닌 비 대한 것이 아니라 CSS만으로 쉽게 할 수있는 쓸데없는 JS 이미지 스와 퍼 기능을 추가하지 않고도 코드를 편집 할 수 있습니다! – Kyle

은 그것은 정말이처럼 표시되어야한다 : 단락과 같은 블록 레벨 요소 내부 앵커와 이미지 같은

<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에서 생성 된 코드에는 두 번 앵커가 있었고 다른 것은 워낙 컸습니다. 시간이 있다면 다른 포스터 조언을 받아 손으로 배우려고하십시오.

출처

2011-03-07 17:34:54

감사합니다. 감사합니다. @Graham Conzett. – noobug

"display : block;"을 제공하지 않았는지 확인하십시오. css 속성을 앵커 태그에 추가하십시오.

출처

2011-03-07 11:02:33 Shruti

고마워, 그걸 시도했지만 아무 것도 바뀌지 않았다. 문제는 여전히 남아 있습니다. – noobug

이런 식의 코드를 사용하려고 시도하십시오.

, – Shruti

,이 같은 코드를하려고

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

및 해당 CSS와 같은 : .fbIcon { 배경 : 홈페이지 (UR 이미지 URL); 신장 : xx px; 너비 : xx px; }

.fbIcon a { display : block; }

이제는 작동이 느림!

출처

2011-03-08 13:27:14 Shruti

전체 이미지가 링크로 작동하지 않습니다. dreamweaver

답변

관련 문제