ต่อไป »

[นิติพงษ์]

หวัดดีครับ คือ
ต้องการจัดเรียง เเบบ สองคอลัมม์ มี
รูปภาพ + ข้อความ + readmore
ตามตัวอย่างอ่าคับ  ต้องการใช้ลิส li
(ลองทําดูเเล้ว ฝีมือยังไม่ถึงอ่าคับ)

วอนผู้รู้ จัด CSS ให้หน่อยคับผม

โค็ดหน้า

<div class="listproduct">
         <ul>
             <li><h3>product name</h3>
             <img src="product.jpg" /> <p>รายละเอียดสินค้า ผลิตภัฒฑ์ คีย์ข้อมูลทั้งหมดอย่างสังเขปบรรจุไว้ทีนี้  </p><span class="readmore"><a href="#"><img src="icon.jpg"/></a></span>
             </li>
            
             <li><h3>product name</h3>
             <img src="product.jpg" /> <p>รายละเอียดสินค้า ผลิตภัฒฑ์ คีย์ข้อมูลทั้งหมดอย่างสังเขปบรรจุไว้ทีนี้  </p><span class="readmore"><a href="#"><img src="icon.jpg"/></a></span>
             </li>
            
             <li><h3>product name</h3>
             <img src="product.jpg" /> <p>รายละเอียดสินค้า ผลิตภัฒฑ์ คีย์ข้อมูลทั้งหมดอย่างสังเขปบรรจุไว้ทีนี้  </p><span class="readmore"><a href="#"><img src="icon.jpg"/></a></span>
             </li>

             <li><h3>product name</h3>
             <img src="product.jpg" /> <p>รายละเอียดสินค้า ผลิตภัฒฑ์ คีย์ข้อมูลทั้งหมดอย่างสังเขปบรรจุไว้ทีนี้ </p><span class="readmore"><a href="#"><img src="icon.jpg"/></a></span>
             </li>          
          
         </ul>
          
      </div>

[bluepanda]

มารอชม ผมเองก็ไม่ค่อยสันทัด อาศัยครูพักลักจำ

[นิติพงษ์]

ยังไม่สําเร็จคับ ขอดันหน่อย..
 

[kitazawa1st]

โค๊ด:

<style type="text/css">
<!--
div.listproduct {
	width:560px;
}

div.listproduct li {
	width:260px;
	float:left;
}
-->
</style>

ที่เหลือก็จัดเอานะครับ

[นิติพงษ์]

โค๊ด:

<style type="text/css">
<!--
div.listproduct {
	width:560px;
}

div.listproduct li {
	width:260px;
	float:left;
}
-->
</style>

ที่เหลือก็จัดเอานะครับ

 

ขอบคุณมากครัาบบ
ยังบวกไม่ได้ฝากไว้ก่อน
อิอิ

..