내 하이퍼 링크가 단지 이미지가 아닌 전체 페이지로 이동합니다.

나는 내 홈 페이지로 다시 링크하려는 로고가 있습니다. 그러나 로고를 하이퍼 링크로 연결하면 링크가 로고 이미지에만 표시되는 대신 전체 페이지 (즉, 로고의 왼쪽 및 오른쪽 공백을 가로 질러)에 걸쳐 있음을 알 수 있습니다.내 하이퍼 링크가 단지 이미지가 아닌 전체 페이지로 이동합니다.

내 HTML :

<a href="#" id="splash-logo"> 
    <img src="images/splash-logo.png" width="259" height="51"> 
</a>

내 CSS :

#splash-logo { 
    clear: both; 
    width:100%; 
    display: inline-block; 
    text-align:center; 
}

감사합니다!

출처

2012-07-26 deakolt

CSS는 요소의 너비를 100 %로 표시하므로 페이지의 전체 너비를 차지합니다. 이미지의 크기를 만들려는 경우 259px로 설정하십시오. – John

는 폭 제거하십시오 : 100 %, 그것은 물론이 (수평) 페이지

출처

2012-07-26 17:39:23 Huangism

정확하지 않습니다. 태그의 부모가 지정되어있는 경우 그 부모를 채우는 것이 반드시 페이지의 100 %임을 의미하지는 않습니다. –

따라서 나는 페이지의 100 %가 아니라 전체에 걸쳐 말했다. – Huangism

귀하의 링크의 폭이 부모 태그의 폭을 걸쳐, 100 % 폭 때문이다. 100 %하는 대신 블록의 너비를 지정하십시오.

출처

2012-07-26 17:40:14

내 하이퍼 링크가 단지 이미지가 아닌 전체 페이지로 이동합니다.

답변

관련 문제