Попытка создать простую галерею img - моя стрелка не работает должным образом.Пожалуйста помоги.

Question

Я пытаюсь сделать галерею изображений, одну страницу на другую, как на этом сайте:

francescoclemente.net / в настоящее время / 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>

Див "картины" - это художественный образ. «Стрелка влево» и «Стрелка вправо» - это две стрелки, которые я хочу поставить сбоку. По какой-то причине значок указателя (указывающий тег привязки или ссылку) для мыши не будет отображаться, если вы не наведете указатель мыши ниже изображения со стрелкой вправо. Что я делаю неправильно? Спасибо за любую помощь.

Вот 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

Валидатор w3c.org выдает несколько ошибок относительно стрелок.Возможно, их исправление поможет решить вашу проблему.

http://validator.w3.org/check?uri=francescoclemente.net%2Fnow%2F1.html&charset=%28detect+automatically%29&doctype=Inline&group=0

http://jigsaw.w3.org/css-validator/validator?uri=francescoclemente.net%2Fnow%2F1.html&profile=css21&usermedium=all&warning=1&vextwarning=&lang=nl

Answer 2

Трудно воспроизвести вашу проблему без изображений, но вот несколько идей, которые вы можете попробовать:

• добавьте height и width к css для ваших кнопок
• добавьте display:block к CSS для ваших кнопок