Я неистово гуглил свою проблему, и я не могу решить эту проблему.
Я создал iFrame, который прокручивает 8 изображений с помощью кнопок со стрелками влево и вправо. Когда я text-align: center;
DIV
, который содержит изображения, стрелка вправо (# leaf2) исчезает.
Вот мой HTML,
<html>
<body>
<div id="leaf1"><button onClick="image_onclick('prev');"><img src="images/leaf.gif/></button</div>
<div id="image_box"></div>
<div id="leaf2"><button onClick="image_onclick('next');"><img src="images/leaf2.gif"/></button></div>
</body>
</html>
Вот мой CSS,
body, p, image{
margin: 0;
padding: 0;
}
button{
background-color: #ffffff;
border: 0;
}
#image_box{
text-align: center;
}
#image_box img{
border: 1px solid black;
}
#leaf1{
position: absolute;
margin: 155px 0 0 8px;
}
#leaf2{
position: absolute;
margin: 160px 0 0 850px;
}