CSS เด็ดๆ

เคยเจอมีพวกเครื่องหมาย + หรือ > ด้วยนะครับ
ยังไม่เคยมีโอกาสลองเลย แต่ไอ้พวกนี้เกินความสามารถของดรีมแน่ๆ

เห็นโค้ดแล้วนึกถึง d(-_=)b

มีปัญหาอีกแล้ว 

ภาพ original แค่นี้ครับ



ใส่ CSS
.picborder {
   padding: 3px;
   border: 1px solid #999999;
   background-color: #FFFFFF;
}


ใน FF สวยงาม


แต่ใน IE ขาวหายครับ



แก้ ยังไงดีครับ

ใส่ในแท็กไหนครับ img.picborder หรือเปล่า
ถ้าไม่ได้ลองเอา span.picborder แล้วข้างใน span ค่อยเป็น img ดูได้บ่?
(อยู่ ตจว เลยยังไม่ได้ลอง ถ้าไม่ได้ลอง div ดูดิ๊)

เปลี่ยนมาใส่ใน Div แล้วครับ ผลคือเกือบได้แล้ว 
ติดปัญหาที่มันยืดเท่ากรอบ อยากให้มันไหลลามแค่รอบๆรูปน่ะครับ ลองปรับ width ให้เล็กกว่ารูป ใน IE สวยเชียะ แต่ FF กรอบไปซ่อนหลังรูปครับ

โค้ด:

.picborder {
   padding: 3px;
   border: 1px solid #999999;
   background-color: #FFFFFF;
}

<td width="101" valign="top">
<div align="center" class="picborder">
<a href="a">
<img src="images/travelinfo/sam002.jpg" width="85" height="65" border="0"  />
</a>
</div>
</td>

  ขอโทษที่รบกวนอะไรที่มันหยุมๆหยิมๆครับ ไม่ถนัดแก้ปัญหาสอง Browser จริงๆ

ยังไม่สะดวกเช็กให้ตอนนี้ครับ เครื่องช้ามาก (เครื่องเพนเทียมเต่าของพ่อ)
ขออภัยแรงๆ

เอาเป็นว่าลองดู http://del.icio.us/iannnnn/css%2Bcorner ดูก่อนนะครับ
หรือประยุกต์จากข้อนึงในนี้ก็ได้ http://stylizedweb.com/2008/03/12/most-used-css-tricks/

เดี๋ยวพรุ่งนี้ค่ำถ้ายังไม่ได้จะไปดูให้อีกที
แต่ถ้าได้แล้วรายงานด้วยนะครับ อยากรู้ว่าผลการต่อสู้จะเป็นยังไง

เอลองใส่

.picborder {
  float: left;
   padding: 3px;
   border: 1px solid #999999;
   background-color: #FFFFFF;
}

แล้ว จะได้นะครับ แต่ที่ ie ตูดมันจะล้นออกมานิดนึง 

จากการลองเล่นดูนะครับ ถ้าเป็น ie7 มันจะฉลาดเหมือน ff เลย แต่ดัน มีตูดมาแหงะนึง บวกเพิ่มไปอีก 3px 
แก้โดย  ie hack ครับ

<!--[if IE 7]>
   <style>
     .picborder {   padding-bottom: 0; }
   </style>
<![endif]-->

แล้วถ้าเป็น ie6 นี่ยังไม่ได้ลอง แต่น่าจะ !important ได้นะครับ

.picborder {
  float: left;
   padding: 3px !important;
   padding: 3px 3px 0px 3px;
   border: 1px solid #999999;
   background-color: #FFFFFF;
}

กำลังอยากหัด CSS ด้วยพอดีเลย 

โอ้ว ขอบคุณครับ ใน IE ผมไม่มีติ่งล่างยื่นครับ
เลยไม่ต้องใส่ important หรือใช้ ie hack (ใส่ใน css หรือว่าในหน้าครับนั่น  )

ie hack ใส่ในหน้าเว็บครับ

หนังสือที่พูดถึง CSS ที่เป้นภาษาไทยดีๆ มีบ้างมั้ย

ยังไม่เห็นเลยครับบอกอ

ส่วนใหญ่เห็นแต่ Text เนื้อหาดี ครอบคุมหลายเรื่อง หาคนไทยเขียนยากจัง ...

เอามาแปลเลยดีมั้ยครับ   

ว้าย

ว้าย

นี่คือการทาบทาม 

เน้นเรื่องปัญหา ie นะครับ