หน้า: 1 [2] 3 4 5 6 7 8 9 ... 11
 
ผู้เขียน หัวข้อ: มาเรียน CSS กันเถอะ (แตกหน่อ)  (อ่าน 73867 ครั้ง)
0 สมาชิก และ 1 ขาจร กำลังดูหัวข้อนี้
กรี๊ดดดดด อู้ย.. คืออะไรอะ ไม่รู้จัก
ใช้ได้กะไออีอย่างเดียวหรือว่ามีกรณีอื่นอีก

มันก็เหมือน hack ie6 อะ

เพราะว่า ie อื่นขึ้นไป มันรู้จัก min max พวกนี้
บันทึกการเข้า

ไม่ๆ คือสงสัยว่าไอ้ expression เนี่ยมันคืออะไร ภาษาหรืออะไรยังไง
ใช้ได้กะเบราว์เซอร์อื่นไหม หรือไออี(หก)อย่างเดียว
บันทึกการเข้า

ทำมาหากินด้วยการเปิดร้านสกรีนเสื้อยืด จ้ะ
ปวดหัวตุบ CSS ยิ่งทำยิ่งงงวุ้ยย
แต่ต้องทำให้ได้...
บันทึกการเข้า
http://www.microsoft.com/thailand/expression/products/FAQ.aspx?key=web

ตามนี้อะ ใช้ได้แต่กับ IE
บันทึกการเข้า

อ๋อ โห
บันทึกการเข้า

ทำมาหากินด้วยการเปิดร้านสกรีนเสื้อยืด จ้ะ
รูปแบบภาษาคล้ายๆ js เลยอะ โห
บันทึกการเข้า

รูปแบบภาษาคล้ายๆ js เลยอะ โห
บันทึกการเข้า

ถ้าจะทำ css เป็นตาราง ต้องทำไงดีอ่ะครับ
ตอนนี้คิดไว้ว่าเอา div มาต่อๆ กัน แต่คิดไปคิดว่า มันจะไม่ดูวุ่นวายไปหน่อยรึ

เอา table มาใช้บน wordpress ก็ไม่ได้อีก ปรับขนาดไม่ได้ ไม่รู้ว่าเป็นเพราะอะไร กรี๊ดดดดด
จำเป็นต้องรื้อ table ทิ้งออกแล้วมาใช้ div แทน เฮ้ออ ช่วยทีนะครับ
« แก้ไขครั้งสุดท้าย: 04 ก.พ. 2010, 16:34 น. โดย บักรุ » บันทึกการเข้า
ระวังภาษาวิบัตินะครับ ที่นี่​(ละเกือบทุกที่) ไม่ค่อยนิยมกัน เจ๋ง


ถ้าอะไรที่จะต้องเป็นตาราง ก็ทำเป็นตารางครับ
การใช้ css ไม่ได้แปลว่าห้ามทำตาราง แต่หมายถึงการใช้ให้มันถูกหน้าที่
ถ้าจะแสดงผลเป็นตาราง ก็ให้ css กำหนดความขนาด รูปแบบสีสันให้ <table> <tr> <th> <td> ได้ครับ

บันทึกการเข้า

ทำมาหากินด้วยการเปิดร้านสกรีนเสื้อยืด จ้ะ
ถ้าไม่ใช้ table ก็ต้องใช้ div ต่อ ๆ กันไปแบบนั้นละครับ

แต่ในขณะเดียวกัน ตัว css เองก็ display:table ให้อยู่เป็นทางเลือก

แต่มันใช้กับ IE ไม่ได้ครับ

ลองไปศึกษาดูจากอันนี้ครับ

http://www.divland.com/blog/2007/09/10/css-layout-equal-height/#more-187
บันทึกการเข้า

ลองใช้ table แล้วครับ ทำตามที่พี่แอนแนะนำ ให้กำหนดค่า table td tr ไว้ใน css ตามนี้ครับ

แอบอ้าง
#table1 {width: 700px; float: left; background-color: red; text-align: left; margin-left: 5px; height:5px;}
#table1 .td1 {width: 30px; }

ในส่วนของ code ที่แสดงผมก็ตามนี้ครับ

แอบอ้าง
<table id="table1" cellspacing="0" cellpadding="0">
   <tr>
      <td class="td1">0</td>
      <td >1</td>
      <td>2</td>
      <td>3</td>
      <td>4</td>
      <td>5</td>
   </tr>
</table>

พอนำไปแสดงผล ปรากฏว่า td ทุกอันเท่ากันหมด เป็นระเบียบดีมาก (ประชด)
ความสูงที่ไม่ได้ต้องการก็โผล่มากจากไหนไม่รู้ แต่ยังดีที่สีพื้นยังโผล่มาให้ชม  ชิ

บันทึกการเข้า
โค้ด:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
#table1 {width: 700px; float: left; background-color: red; text-align: left; margin-left: 5px; height:5px;}
#table1 .td1 {width: 30px; }
</style>
</head>

<body>
<table id="table1" cellspacing="0" cellpadding="0">
   <tr>
      <td class="td1">0</td>
      <td >1</td>
      <td>2</td>
      <td>3</td>
      <td>4</td>
      <td>5</td>
   </tr>
</table>

</body>
</html>

แล้วมันก็แสดงผลให้ผมแบบนี้



มันก็ใช้ได้นิ เขียน code ผิดเองหรือเปล่าครับ
บันทึกการเข้า

ไม่น่าจะผิดนะครับ

เพราะว่าผมรันบนเพจทั่วไปได้ปกติครับ แต่ผมจับไปใส่ wordpress แล้วมันเป็นดั่งในรูปครับ
ยังงงๆอยู่ว่ามันเป็นเพราะอะไร ทำไมถึงปรับขนาดไม่ได้
บันทึกการเข้า
style มันตีกะของ wp ปะครับ..
ลอง debug ใน firebug ดูอะครับว่ามี style ส่วนไหนมาจาก wp บ้างหรือเปล่า..
บันทึกการเข้า

คาดว่า น่าจะมีการตีกันของ style แบบที่ก่อว่า  อ๊าง~
บันทึกการเข้า

หน้า: 1 [2] 3 4 5 6 7 8 9 ... 11
 
 
Powered by MySQL Powered by PHP Powered by SMF 1.1.21 | SMF © 2006-2007, Simple Machines | Thai language by ThaiSMF Valid XHTML 1.0! Valid CSS!