[CSS] ช่วงแก้โค๊ดให้ รูปเรียงเป็นแนวนอนหน่อยนะครับ มีโค๊ดให้ดู
ตอนนี้มันเรียงเป็นแนวตั้ง แต่ผมอยากให้มันเรียงติดกันเป็นแนวนอนอ่ะครับ
<!DOCTYPE html>
<html>
<head>
<style>
.holder_wrap{
position:relative;
margin:auto;
height:120px; /* กำหนดความสูงส่วนพื้นที่คลุมเนื้อหาทั้งหมด */
}
.holder_wrap_img{
position:absolute;/* กำหนดการจัดตำแหน่งส่วนพื้นที่คลุมเนื้อหารุปและข้อความซ้อนทับ */
}
.holder_wrap_img img{
position:relative; /* กำหนดการจัดตำแหน่งของรูป */
}
/* css ซ้อนทับ ชิดขอบล่าง */
.inner_position_bottom{
position:absolute;
background-color:#FFCCCC;
height:50px; /* กำหนดความสูงส่วนของเนื้อหาที่นำมาซ้อนทับ */
width:100%; /* กำหนดความกว้างของเนื้อหาที่นำมาซ้อนทับ แบบขยายเต็ม */
bottom:0px; /* css กำหนดชิดด้านล่าง */
z-index:999;
}
</style>
</head>
<body>
<div class="consult-wrap">
<div class="holder_wrap">
<div class="holder_wrap_img">
<img src="http://www.ninenik.com/userfiles/12/image/1.jpg" />
<div class="inner_position_bottom">
title
</div>
</div>
</div>
<div class="holder_wrap">
<div class="holder_wrap_img">
<img src="http://www.ninenik.com/userfiles/12/image/1.jpg" />
<div class="inner_position_bottom">
title
</div>
</div>
</div>
</div>
</body>
</html>
พัฒนาเว็บไซต์
