ThaiSEOBoard.com

พัฒนาเว็บไซต์ => Programming => ข้อความที่เริ่มโดย: dekjaidee ที่ 06 สิงหาคม 2018, 08:15:35


หัวข้อ: ขอคำแนะนำในเรื่องของการแสดงภาพโดยใช้ css ทีครับ
เริ่มหัวข้อโดย: dekjaidee ที่ 06 สิงหาคม 2018, 08:15:35
เนื่องจากแสดงภาพข่าวขึ้นมา โดยใช้ css กำหนดความกว้าง และความสูง ปัญหาคือ ภาพแสดงออกมาไม่สวยงาน บางทีแสดงแค่เส้นผม ไม่แสดงรูปแบบชัดเจน

ขอคำแนะนำทีครับ หรือว่า css ที่ผมเอาลงนี้มีส่วนไหนต้องแก้ไข

ขอบพระคุณมากครับ


โค๊ด:
<style type="text/css">
div.imgthaifb img {
	width: 257x;
	height: auto;
}

div.imgthaifb {
	width: 257px;
	height: 140px;
overflow: hidden;
	text-align: center;
	border: 1px solid #000000;
	-moz-box-shadow:inset 0 0 10px #edece6;
   -webkit-box-shadow:inset 0 0 10px #edece6;
   box-shadow:inset 0 0 10px #edece6;
}

<div class="imgthaifb"><img src="imgs/photo.jpg"></div>

 :wanwan017: :wanwan017:

หัวข้อ: Re: ขอคำแนะนำในเรื่องของการแสดงภาพโดยใช้ css ทีครับ
เริ่มหัวข้อโดย: wasantec ที่ 06 สิงหาคม 2018, 09:01:30
กำหนด div ให้ width เป็น % ครับ เช่น width: 20%;

หัวข้อ: Re: ขอคำแนะนำในเรื่องของการแสดงภาพโดยใช้ css ทีครับ
เริ่มหัวข้อโดย: ch0k ที่ 06 สิงหาคม 2018, 09:15:16
div.imgthaifb img {
    max-width: 100%;
    height: auto;
}

หัวข้อ: Re: ขอคำแนะนำในเรื่องของการแสดงภาพโดยใช้ css ทีครับ
เริ่มหัวข้อโดย: naitam ที่ 11 สิงหาคม 2018, 03:36:02
โค๊ด:

<style>
div.imgthaifb img {
	width: 100%;
	height: auto;
}

div.imgthaifb {
	width: 257px;
	height: 140px;
        Clear: left;
	border: 1px solid #000000;
	-moz-box-shadow:inset 0 0 10px #edece6;
   -webkit-box-shadow:inset 0 0 10px #edece6;
   box-shadow:inset 0 0 10px #edece6;
}

<div class="imgthaifb"><img src="imgs/photo.jpg" alt="ชื่อรูป"></div>


หัวข้อ: Re: ขอคำแนะนำในเรื่องของการแสดงภาพโดยใช้ css ทีครับ
เริ่มหัวข้อโดย: killer777 ที่ 11 สิงหาคม 2018, 20:58:02
ใช้ max-width ควบคู่กับ width ครับ รองรับบนมือถือด้วยครับ


SMF 1.1.21 | Simple Machines | ThaiSEOBoard.com