鏈接不工作在表

-1

我正在爲我的朋友媽媽這個網站，由於某種原因，我的鏈接不工作在我的表格中，我有理由相信它與CSS有關，也是我'從未有過這個問題，所以我不完全確定如何解決它。該代碼適用於Chrome，但不適用於Firefox，以澄清，我不能點擊鏈接，它將它變成藍色，並強調它，但我通常不能點擊它。鏈接不工作在表

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; 
}

現在，就像我說的之前，我從來沒有過這樣的問題，我試着用搜索引擎它和它說，它曾與更改父做元素的寬度和高度來代替像素的百分比，但我不認爲它適用於我想要完成的事情。

來源

2014-10-07 Jesse Laviolette

這有點不好。該代碼中沒有任何*鏈接。這就是爲什麼他們不工作。 – 2014-10-07 00:49:55

像John指出的那樣，你沒有鏈接？你的開標籤是段落，而不是錨。 – 2014-10-07 00:54:09

在那裏我修好了它仍然不起作用。 – 2014-10-07 01:17:32

您的語法不正確。如果你想用文字鏈接，你應該首先嚐試這種

<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>

來源

2014-10-07 00:55:22 omerfar23

有固定對不起，忘記把它扔在我複印的時候。我想當我編輯時，我沒有意識到我複製了沒有鏈接的代碼，但是在這裏我添加了一個，但它仍然不起作用 – 2014-10-07 01:13:44

代碼中存在語法錯誤。 – EternalHour 2014-10-07 01:35:32

你需要把的「http：//」在你的網址的前面，所以瀏覽器知道這是一個絕對的URL。

例如href =「http://www.google.com」

沒有，瀏覽器認爲該URL是相對的，所以它會帶你到錯誤的頁面。

把你的錨標籤放在你的段落標籤裏也是更好的向後兼容性。

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

來源

2014-10-07 01:36:24 Joshuaar

所以我做了你所說的，問題不在於它把我送到了錯誤的地方，問題是我不能一般地點擊它，它通過將它變成藍色並且強調它將默認的鏈接但我不能點擊它，它不會將我發送到任何地方。也鏈接以外的任何地方，鏈接將無法工作。 – 2014-10-07 03:13:43

哦，它也適用於Chrome而不是Firefox。 – 2014-10-07 03:20:23

這裏'Home'文本鏈接適用於我的Firefox：http://jsfiddle.net/6zc37gdh/1/ – Joshuaar 2014-10-13 03:00:30

你的鱈魚isn`t正確的，你必須添加一個<> </A>標籤來< P> </P>

如果你想點擊的電池使用CSS的標籤：

a.Click { 

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

}

來源

2014-10-07 07:43:54

鏈接不工作在表

回答

相關問題