html - 尝试制作一个简单的图片库 - 我的箭头无法正常工作。请帮忙。

Question

我正在尝试制作一个图片库，一页到下一页，就像这个网站上的一样:

francescoclemente.net/now/1.html

我下载了一些 arrow.png 图像来制作箭头，并将它们实现到我的 HTML 中，如下所示:

<div class="paintings">

<img src="stanpics/paintings/nyc/bathesda fountain'.jpg" alt="bathesda fountain"        title="bathesda fountain">
<p class="pdescribe">bathesda fountain</p>

</div>

<div class="rightarrow">
<a href="paintingsnyc2.html"><img src="rightarrow.png" class="rightarrow" title="next"     alt="next"></a>

 </div>

<div class="leftarrow">

<a href="paintingsnyc.html"><img src="leftarrow.png" class="rightarrow" title="back"  alt="back"></a>

</div>

div“绘画”是艺术图像。 “左箭头”和“右箭头”是我想放在一边的两个箭头。出于某种原因，除非您将鼠标悬停在右箭头图像下方，否则不会显示鼠标的指针图标(表示 anchor 标记或链接)。我究竟做错了什么？感谢您的帮助。

这是箭头类的 CSS。

.leftarrow {

margin: 0 auto;
padding: 0;
position: relative;
bottom: 82px;
left: 120px;
 }




 .rightarrow {

  margin: 0 auto;
  padding: 0;
  position: relative;
  top: 50px;
  left: 190px;

  }

我已经尝试了所有我能想到的方法，我知道这可能是一些非常简单的事情让我搞砸了。感谢您的更正。

Answer 1

没有图像很难重现您的问题，但您可以尝试以下一些想法:

• 将 height 和 width 添加到按钮的 css
• 在按钮的 css 中添加一个 display:block