มาเรียน CSS กันเถอะ (แตกหน่อ)

Rabbitinblack · 04 ก.พ. 2010, 12:48 น.

อ้างคำพูดจาก: iannnnn เมื่อ 04 ก.พ. 2010, 12:44 น.
คืออะไรอะ ไม่รู้จัก
ใช้ได้กะไออีอย่างเดียวหรือว่ามีกรณีอื่นอีก

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

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

iannnnn · 04 ก.พ. 2010, 12:50 น.

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

บักรุ · 04 ก.พ. 2010, 14:12 น.

ปวดหัวตุบ CSS ยิ่งทำยิ่งงงวุ้ยย
แต่ต้องทำให้ได้...

Rabbitinblack · 04 ก.พ. 2010, 14:46 น.

http://www.microsoft.com/thailand/expression/products/FAQ.aspx?key=web

ตามนี้อะ ใช้ได้แต่กับ IE

iannnnn · 04 ก.พ. 2010, 14:57 น.

อ๋อ

กากก่อเกรียนนู้บ · 04 ก.พ. 2010, 15:53 น.

รูปแบบภาษาคล้ายๆ js เลยอะ

Bellbells · 04 ก.พ. 2010, 16:22 น.

อ้างคำพูดจาก: ก่อสตูดิโอเอ็กซ์ทู เมื่อ 04 ก.พ. 2010, 15:53 น.
รูปแบบภาษาคล้ายๆ js เลยอะ

บักรุ · 04 ก.พ. 2010, 16:29 น.

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

เอา table มาใช้บน wordpress ก็ไม่ได้อีก ปรับขนาดไม่ได้ ไม่รู้ว่าเป็นเพราะอะไร

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

iannnnn · 04 ก.พ. 2010, 16:33 น.

ระวังภาษาวิบัตินะครับ ที่นี่(ละเกือบทุกที่) ไม่ค่อยนิยมกัน

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

Rabbitinblack · 04 ก.พ. 2010, 17:04 น.

ถ้าไม่ใช้ table ก็ต้องใช้ div ต่อ ๆ กันไปแบบนั้นละครับ

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

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

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

http://www.divland.com/blog/2007/09/10/css-layout-equal-height/#more-187

บักรุ · 04 ก.พ. 2010, 17:23 น.

ลองใช้ 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 ทุกอันเท่ากันหมด เป็นระเบียบดีมาก (ประชด)
ความสูงที่ไม่ได้ต้องการก็โผล่มากจากไหนไม่รู้ แต่ยังดีที่สีพื้นยังโผล่มาให้ชม

Rabbitinblack · 04 ก.พ. 2010, 17:39 น.

โค้ด เลือกทั้งหมด


<!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 ผิดเองหรือเปล่าครับ

บักรุ · 04 ก.พ. 2010, 17:45 น.

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

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

กากก่อเกรียนนู้บ · 04 ก.พ. 2010, 17:52 น.

style มันตีกะของ wp ปะครับ..
ลอง debug ใน firebug ดูอะครับว่ามี style ส่วนไหนมาจาก wp บ้างหรือเปล่า..

Rabbitinblack · 04 ก.พ. 2010, 20:17 น.

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