ThaiSEOBoard.com

อื่นๆ => Cafe => ข้อความที่เริ่มโดย: มอมแมม ที่ 08 กรกฎาคม 2008, 15:08:17



หัวข้อ: css แบบนี้ มีวิธีทำหรือไม่?
เริ่มหัวข้อโดย: มอมแมม ที่ 08 กรกฎาคม 2008, 15:08:17
(http://images.temppic.com/08-07-2008/images_vertis/1215504339_0.13380500.bmp)

ปกติใช้ table ทำแล้วใส่ตามนั้น มีวิธีใช้ css ทำไหม แบบ div จะได้เบา
มีผู้ใดรู้ โปรดอธิบายวิธีทำให้หน่อ  :-*


หัวข้อ: Re: css แบบนี้ มีวิธีทำหรือไม่?
เริ่มหัวข้อโดย: เดี๋ยวจะบอกว่าชื่ออะไร ที่ 08 กรกฎาคม 2008, 15:09:45
น่าจะได้นะครับ

เพราะผมใช้วิธีติด ads บางแบบนั้นอยู่เหมือนกัน


หัวข้อ: Re: css แบบนี้ มีวิธีทำหรือไม่?
เริ่มหัวข้อโดย: Sarbuy ที่ 08 กรกฎาคม 2008, 15:21:57
ถ้าจะทำแบบนั้น code น่าจะเป็นแบบนี้นะ
แล้วก็เรียกไฟล์ css ของเรามาแล้วใช้ class ในการกำหนดก็น่าจะได้เหมือนกันครับ
ตัวอย่าง
โค๊ด:
<TD WIDTH="15" CLASS="table1">&nbsp;</TD>

ส่วน code น่าจะได้แบบนี้ครับ
โค๊ด:
.table1 {
background-image:image.gif // รูปมุมบนซ้าย
width:35px; //ขนาดความกว้างมุมซ้าย
}
.table2 {
background-image:image.gif //รูป top center บน
width:150px; //ขนาดด้านบน
}
.table3 {
background-image:image.gif // รูปมุมบนขวา
width:35px; //ขนาดความกว้างมุมขวา
}
.table4 {
background-image:image.gif // รูป bg ด้านซ้ายมือ
height:100px // ขนาดความสูงด้านซ้าย
}
.table5 {
background-image:image.gif // รูป bg ด้านซ้ายมือ
height:100px // ขนาดความสูงด้านขวา
}
.table6 {
background-image:image.gif // รูปมุมล่างซ้าย
width:35px; //ขนาดความกว้างมุมล่างซ้าย
}
.table7 {
background-image:image.gif // รูป bg ล่างกลาง
width:35px; //ขนาดความกว้างล่างกลาง
}
.table8 {
background-image:image.gif // รูปมุมล่างขวา
width:35px; //ขนาดความกว้างมุมขวา
}


หัวข้อ: Re: css แบบนี้ มีวิธีทำหรือไม่?
เริ่มหัวข้อโดย: มอมแมม ที่ 08 กรกฎาคม 2008, 15:30:10
ขอบคุณที่ช่วยอธิบาย นั่งคิดนอนคิดหลายตลบเลยทำยังไงดี เป็นแบบ div จะได้เบา คาดว่าไม่เกิน 5 ปี จะคิดออกละ  :-*


หัวข้อ: Re: css แบบนี้ มีวิธีทำหรือไม่?
เริ่มหัวข้อโดย: navico ที่ 08 กรกฎาคม 2008, 15:38:46
โค๊ด:
http://www.webmasterworld.com/forum83/8626.htm
ลองดูที่นี่สิ
ได้ผลประการใด้ บอกบ้างนะ...
แบบว่าอยากตอบ แต่ขี้เกียจลอง


หัวข้อ: Re: css แบบนี้ มีวิธีทำหรือไม่?
เริ่มหัวข้อโดย: chibibuta ที่ 08 กรกฎาคม 2008, 18:29:44
โค๊ด:
http://www.divland.com/blog/2008/01/15/curve-box/

นี่เลยครับ ลองเอาไปประยุกต์ใช้ดู


หัวข้อ: Re: css แบบนี้ มีวิธีทำหรือไม่?
เริ่มหัวข้อโดย: มอมแมม ที่ 09 กรกฎาคม 2008, 00:15:37
โค๊ด:
[url]http://www.divland.com/blog/2008/01/15/curve-box/[/url]

นี่เลยครับ ลองเอาไปประยุกต์ใช้ดู


โอ้ว ขอบคุณมากเลยพี่ อันนี้ก็ดูนานละ แต่ไม่ได้เลื่อนดูล่างๆ พอมาดูซ้ำเลยเห็น


หัวข้อ: Re: css แบบนี้ มีวิธีทำหรือไม่?
เริ่มหัวข้อโดย: tony ที่ 09 กรกฎาคม 2008, 00:47:12
ทำได้ครับ แต่ คุณต้องรู้ก่อนว่า table มันใช้ td ทำมุม
ดังนั้น ถ้าจะใช้ DIV ต้องใช้ 1 div แืทน 1 td
แล้วก็นำมาจัดเรียง แบบนั้นครับ แล้วก็ใช้

ทำได้เหมือนกัน :)
หรือ ถ้ารู้เทคนิค ก็ใช้ cell น้อยกว่าได้