Question

所以，我有一个包含3个超链接图像的表格，所有这些图片在点击时都会带您到达目的地但底部2 实际上没有显示正确的图像 ，在你说'你还没有一个叫这个'的图像之前，我已经多次检查了。这是我的以下代码：

<table border=1 align=center>
  <tr>
    <th>More Help</th>
  </tr>
  <tr>
    <td>
      <a target="_blank" href="http//:www.w3schools.com">
        <input type="image" id="W3Schools" position:absolute style="height:100px; width:150px;" src="./Images/W3SchoolsButton.PNG">
      </a>
    </td>
  </tr>

  <!--This is repeated 2 times but just changing the src and href.-->

这只是第一个，已经重复，但我已经改变了HREF和SRC，其结果是第一个用于图像，但最后2个得出一个典型的图像剪贴画和单词'提交'

帮助！

Answer 1

为什么在input内使用a标记？只需使用img标记即可。

href无效;它应该是http://www.w3schools.com，在双斜线之前用冒号。

position: absolute应该进入样式标记。

图像源是否正确？相对于此文件，图像文件夹是在同一文件夹中还是在一个文件夹中？

以下是您的修正代码：

<a target="_blank" href="http://www.w3schools.com">
    <img id="W3Schools"  style="height:100px; width:150px; position:absolute;" src="Images/W3SchoolsButton.PNG"> <-- for in the same folder
</a>

<a target="_blank" href="http://www.w3schools.com">
    <img id="W3Schools"  style="height:100px; width:150px; position:absolute;" src="../Images/W3SchoolsButton.PNG"> <-- for up one folder
</a>

超链接按钮图像不能正常使用HTML

1 个答案: