หมวดสำหรับแบ่งบันความ รู้ต่างๆ จะมีหมวดย่อยๆ ในหมวดนี้ เช่น php, SQL, XML, CSS
Moderator: mindphp, ผู้ดูแลกระดาน
-
M008
- PHP Hero Member
- โพสต์: 109
- ลงทะเบียนเมื่อ: 03/05/2013 10:44 am
โพสต์ที่ยังไม่ได้อ่าน
โดย M008 »
เขียนคำบรรยายใต้รูปด้วย Css
HTML:
โค้ด: เลือกทั้งหมด
<div class="figure">
<p><img src="eiffel.jpg" width="136"
height="200" alt="Eiffel tower">
<p>แบบจำลองย่อขนาดหอ
Eiffel tower ในกรุง Parc Mini-France
</div>
Css:
โค้ด: เลือกทั้งหมด
div.figure {
float: right;
width: 25%;
border: thin silver solid;
margin: 0.5em;
padding: 0.5em;
}
div.figure p {
text-align: center;
font-style: italic;
font-size: smaller;
text-indent: 0;
}
ใช้ style sheet ในการกำหนด class "figure" เพื่อ กำหนด format ให้รูปภาพตามที่ต้องการ เช่น เมื่อต้องการให้รูปลอยอยู่ทางขวา กินพื้นที่ 25% ของความกว้างย่อหน้าทั้งหมด สามารถทำได้โดย กำหนดใน style sheet ดังรูป
-
แนบไฟล์
-
- 1.jpg (40.7 KiB) Viewed 1701 times
สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 91