링크가 테이블에서 작동하지 않습니다

Question

나는 내 친구 엄마를 위해이 사이트를 만들고 있습니다. 그리고 내 링크가 내 테이블에서 작동하지 않는 이유로, CSS와 관련이 있다고 믿을만한 이유가 있습니다. 전에는이 문제가 없었어요. 그래서 어떻게 해결해야할지 모르겠습니다. 이 코드는 크롬에서는 작동하지만 파이어 폭스에서도 작동하지 않습니다. 링크를 클릭 할 수 없으며 파란색으로 바뀌고 밑줄을 긋지 만 일반적으로 클릭 할 수는 없습니다.

HTML

<nav> 
<table id="nav_table">   
<tr> 
<td class="nav_border"> 
<a href="www.google.com"><p class="nav_options">Home</p></a> 
</td> 
<td class="nav_border"> 
<p class="nav_options">Restaurants</p> 
</td> 
<td class="nav_border"> 
<p class="nav_options">Near you</p> 
</td> 
<td class="nav_border"> 
<p class="nav_options">Order Here!</p> 
</td> 
</tr> 
</table> 
</nav> 

CSS 지금은 내가이 문제를 본 적이 전에, 나는 그것을 인터넷 검색을 시도하고 그것이 부모를 변화와 함께해야 할 일을했을 것을 특징으로

nav{ 
position: relative; 
top: 50px; 
} 

#nav_table{ 
position: relative; 
top: 60px; 
margin-left:auto; 
margin-right:auto; 
border-spacing: 5px 0px; 
border-collapse: ; 
height: 0px; 
} 

.nav_border{ 
text-align: center; 
border: 2px solid black; 
padding: 10px; 
width: 120px; 
height: 0px; 

-webkit-box-shadow: rgb(,,) 0px 0px 0px ; 
-moz-box-shadow: rgb(,,) 0px 0px 0px ; 
box-shadow: rgb(,,) 0px 0px 0px ; 

background:-webkit-radial-gradient(center,circle,red 0%, orange 50%); 
background:-moz-radial-gradient(center,circle,red 0%, orange 50%); 
background:radial-gradient(center,circle,red 0%, orange 50%); 

-webkit-border-radius: 25px; 
-moz-border-radius: 25px; 
border-radius: 25px; 
} 

.nav_options{ 
font-size: 20px; 
text-decoration:none; 
} 

요소 너비와 높이를 픽셀 대신 백분율로 표시하지만 내가 수행하려고하는 것에 적용되지는 않는다고 생각합니다.

Answer 1

구문이 올바르지 않습니다. 브라우저가 절대 URL입니다 알 수 있도록, 당신의 URL을 앞에 : 텍스트와 링크를 원한다면 먼저 당신은 '// HTTP를'둘 필요가이

<a href="http://www.stackoverflow.com">link text</a> 

<nav> 
<table id="nav_table">   
<tr> 
<td class="nav_border"> 
<a href="http://www.stackoverflow.com" p class="nav_options">Home</p></a> 
</td> 
<td class="nav_border"> 
<p class="nav_options">Restaurants</p> 
</td> 
<td class="nav_border"> 
<p class="nav_options">Near you</p> 
</td> 
<td class="nav_border"> 
<p class="nav_options">Order Here!</p> 
</td> 
</tr> 
</table> 
</nav> 

Answer 2

을 시도해야합니다.

href = "http://www.google.com"

브라우저를 사용하지 않으면 브라우저에서 URL이 상대적이라고 생각하여 잘못된 페이지로 연결됩니다.

단락 태그 안에 앵커 태그를 추가하는 것이 더 나은 하위 호환성입니다.

<p class="nav_options"><a href="http://www.google.com">Home</a></p> 

Answer 3

귀하의 대구는 < 페이지에 < A> </A> 태그를 추가해야합니다, 올바른 isn`t> </P>

클릭 가능한 셀이 태그에 그것을 CSS를 사용하려는 경우 :

a.Click { 

width:100%; 
height:100%; 
display:block; 
text-align:center 

}