이미지 링크가 작동하지 않습니다.

-2

이미지를 링크로 만들려고하지만 #flare div가 나머지 레이아웃과 충돌하기 때문에 아무도이 문제를 해결할 방법을 알려 줄 수 없습니까?이미지 링크가 작동하지 않습니다.

가 나는

이 도와주세요 www.industrygaming.co.uk/newindex.php에있다 방법 "플레어 설정을 할 수 있습니다. :)

HTML

<div id="content"> 
<br /><br /> 
<div id="flare"></div> 
<table class="default" style="width: 1000px" align="center"> 
    <tr> 
    <td class="content" width="33%"><a href="joingosts.php"><img src="NewImages/Home/Ghosts.png" height="190px" height="190px" border="0"></a></td> 
    <td class="content" width="33%"><img src="NewImages/Home/Clan.png" width="200px" height="80px"></td> 
    <td class="content" width="33%"><img src="NewImages/Home/Fifa.png" width="200px" height="200px"></td> 
    </tr> 
</table> 
</div>

CSS

#content 
{ 
float: left; 
width: 998px; 
margin: 0; 
color: #fff; 
font-size: 17px; 
font-family: Times, serif; 
min-height: 150px; 
} 

#flare 
{ 
position: absolute; 
display: block; 
background-image: url("NewImages/Home/Optical-Flare.png"); 
background-repeat: no-repeat; 
background-size:990px 700px; 
min-width: 998px; 
margin-left: 0px; 
margin-top: -155px; 
min-height: 700px; 
}

출처

2014-02-27 BoxyGILLETT

img 태그를 닫을 필요가 없습니까? –

@vaibhavshah 아니, 필요하지 않습니다. ''은 적절한 구문입니다. – TylerH

안녕하세요, 플레어 div 상대를 만들어 이미지 위에 올 수 있고 가리킨 웹 사이트처럼 보이게 할 수 있습니다. 클릭 할 수있는 이미지는 포인터 이벤트를 만듭니다. none; 플레어 div. 실제 상황에서보고 싶다면 바이올린을 만드십시오. –

고객님의 디자인에 대해 모르겠지만 "position:absolute"부터 "div#flare. " 그래서 아래 코드를 CSS에 넣으면 제대로 작동합니다. 그런 다음 요구 사항에 따라 수정하십시오.

table.default{position: absolute; top: 550px}

출처

2014-02-27 15:53:52

이미지 링크가 작동하지 않습니다.

답변

관련 문제