2017-07-18 84 views
-1

我目前正在制作一个HTML表格并尝试将每张图片链接到我的网页的不同部分。这是我目前所拥有的。第一个轮胎压力按钮和第二个刹车灯按钮可以工作,但由于某种原因,我的第一个刹车灯按钮不起作用。我在整个桌子上都有这个问题,如果你想知道我是否完全创建了桌子,这只是整体的一部分。HTML - 图像按钮

<tr> 
<th> Tire Pressure </th> 
<td style="text-align: center;"> 
<a href="#3" onclick="do_button_click(16, 6, 'Tire Pressure',0);"><img src="https://zingtree-uploads.s3.amazonaws.com/images/596e3972ca3f94.79429781-53455-TPS+sensor.png" style="width: 180px; height: 180px;"></a> 
</td> 
</tr> 
<tr> 
<th> Brake Light </th> 
<td style='text-align: center;"> 
<a href="#3" onclick="do_button_click(7, 6, 'Brake',0);"><img src="https://zingtree-uploads.s3.amazonaws.com/images/596e3972ca3f94.79429781-498613-Brake+light.png" style="width: 180px; height: 180px;"></a> 
</td> 
<td style="text-align: center;"> 
<a href="#3" onclick="do_button_click(7, 6, 'Brake',0);"><img src="https://zingtree-uploads.s3.amazonaws.com/images/596e3972ca3f94.79429781-849684-brake+light+v2.png" style="width: 180px; height: 180px;"></a> 
</td> 
</tr> 
+0

看起来在标记下面的标记​​您使用单引号和双引号。这应该纠正你的问题,我猜这就是为什么只有这两个工作。 – Alec

回答

2

我相信你在下一行做了一个非常微妙的错字:

<td style='text-align: center;"> 

它应该是:

<td style='text-align: center;'> 

我用jsfiddle.net检查语法,由在发布到StackOverflow之前,我会先在那里检查你的代码,或者在任何标准的HTML语法检查器中检查你的代码,以确保你的问题不是一个简单的语法错误。

+0

哇我觉得这么笨哈哈!非常感谢你,真的很感激,赶上! –