CSS เด็ดๆ

[iannnnn]

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

[Layiji]

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

[Layiji]

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

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



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


ใน FF สวยงาม


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



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

[iannnnn]

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

[Layiji]

เปลี่ยนมาใส่ใน 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 จริงๆ

[iannnnn]

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

เอาเป็นว่าลองดู 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 ด้วยพอดีเลย 

[Layiji]

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

[ยุนเอ]

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

[st]

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

[iannnnn]

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

[st]

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

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

[iannnnn]

ว้าย

[นักศิลปะ]

ว้าย

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

[Layiji]

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