2012-08-22 8 views
-2

이미지를 클릭 할 수있게하려고했습니다. 이것은 할 수있는 슈퍼 쉬운 일이지만, 어떤 이유로, 그것은 작동하지 않는 것 같습니다. 그것은 심지어 링크가 있다는 것을 인정하지 않습니다.링크가있는 이미지가 작동하지 않음

<ul> 
    <li><a href="register"><img src="images/register.png"></a></li> 
    <li><a href="login"><img src="images/login.png"/></a></li> 
</ul> 

내가 잘못하고있는 것이 있습니까? 고마워. :) 내가 생각

유일한 CSS는이에 의미 : 당신은 <a href="register"> 또는 <a href="login"> 당신이 쓴 정확히 무엇인지 확인

A:link {text-decoration: none} 
A:visited {text-decoration: none} 
A:active {text-decoration: none} 
A:hover {text-decoration: underline;color:#f60051} 

#sidebar li { 
    list-style: none; 
} 
+4

"작동하지 않음"을 정의하십시오. – PeeHaa

+0

이미지가 나타 납니까? 마우스 커서가 변경되거나 거기에 링크가 있는지 인식합니까? 또한 첫 번째 이미지를 /> – burmat

+0

으로 닫으십시오. @PeeHaa 링크처럼 작동하지 않습니다. 마우스를 가져 가면 마우스가 포인터로 바뀌지 않습니다. :/ – transparent

답변

0

나는 모든 것을 앞두고 div를 가졌으므로 차단했다.

0

있습니까?

그들은 유효한 URL이 아닌 것 같습니다. 그것은 문제 일 수 있습니다.

<a href="register.php"> 또는 <a href="login.php"> 또는 올바른 URL이 무엇이든보십시오.

또한 이미지의 기본 CSS 커서를 덮어 쓰면 pointer이됩니다. 커서 스타일은 상속 될 수 있기 때문에 아마도 이전 스타일 선언의 가치를 취하고 그러한 선언이 문제를 해결할 수 있습니다.

+0

실제로 클릭해야 문제가 발생합니다. – burmat

+0

그래, 버킷이 맞아. 확장 프로그램을 취소하기 위해 htaccess를 사용하고 있습니다. ;) – transparent

+0

님이 대답을 편집했습니다 : –

0

이전에 언급 한 바와 같이 "작동하지 않습니다"더 구체적으로 할 수있는 모든이

<ul> 
<li><a href="#register"><img src="images/register.png"></a></li> 
<li><a href="#login"><img src="images/login.png"/></a></li> 
</ul> 
+0

아니요, 'register'와 'login'은 페이지입니다. 하지만 '.php'확장자를 취소하기 위해 htaccess를 사용하고 있습니다. :) – transparent

0

첫 번째 시도. 나는 링크가 작동하지 않는다는 것을 의미한다고 생각하십니까? 사용중인 브라우저 및 기타 세부 사항을 지정할 수 있습니다.

그러나 이전에 비슷한 문제가 발생 했으므로 도움이 될 것입니다. 귀하의 메서드를 사용하여 작동하지 않는 랜덤 링크를 얻을 때가 있습니다. 결국 이미지를 onclick 이벤트로 래핑 한 링크를 변경하기 시작했습니다. 이것은 거의 항상 도움이되었습니다.

<ul> 
<li><img src="images/register.png" onclick="location.href='register'" style="cursor:pointer;"/></li> 
<li><img src="images/login.png" onclick="location.href='login'" style="cursor:pointer;"/></li> 

온 클릭

단순히 링크 및 커서입니다 : 포인터가 당신이 그것을 위에 마우스를 올려 때 링크처럼 보이게하기 위해 단지이다. 희망이 도움 :)

+0

여전히 작동하지 않습니다. :/ – transparent

+0

모두가 전에 말했듯이, location.href = ''에있는 URL이 올바른지 확인하십시오. –

관련 문제