【问题标题】:HTML - image buttonsHTML - 图像按钮
【发布时间】:2017-12-23 19:59:32
【问题描述】:

我目前正在制作一个 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>

【问题讨论】:

  • 在刹车灯下方的 标签中,您似乎同时使用了单引号和双引号。那应该可以解决您的问题,我猜这就是为什么只有两个工作的原因。

标签: html image button hyperlink


【解决方案1】:

我相信您在以下行中犯了一个非常微妙的错字:

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

应该是:

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

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

【讨论】:

  • 哇我觉得自己好笨哈哈!非常感谢你的收获!
猜你喜欢
  • 1970-01-01
  • 2016-07-04
  • 2019-07-29
  • 2012-02-05
  • 1970-01-01
  • 2014-07-27
  • 1970-01-01
  • 2020-12-10
  • 2011-10-13
相关资源
最近更新 更多