CSS เด็ดๆ

เจ๋งเลย

ทำยังไงดีครับ 
ใน FF สวยดีแต่ IE 

โค้ด:

#newproduct {
height: 100px;
width: 100px;
z-index: auto;
position: relative;
float: none;
bottom: 60px;
margin-left: auto;
left: 60px;
margin-bottom: -100px;
}
}

โค้ด:

<table width="740" border="0" cellpadding="20" cellspacing=" 0" class="picborder2">
            <tr>
              <td><div id="newproduct" align="right" > img....</div>
                          table........
              </td>
 
            </tr>
</table>

ผลคือ ใน FF 



ใน IE 

เดานะครับ
เปลี่ยน float: none เป็น right นี่ได้ไหม

ในแท็ก div พยายามอย่าใส่ค่าอะไรลงไปนะครับ
เพราะเดี๋ยวจะตีกับ css ฉิบ ใส่แต่ class หรือ id ของ css พอ

ลองดูโค้ดชุดนี้ ใช้กะ ฟฟ กะ IE ได้เหมือนกันเลย

โค้ด:

table {
   background: #ffff00;
   width: 740px;
}

#newproduct {
height: 100px;
width: 100px;
z-index: 999;
float: right;
   background: #ffcc00;
   position:relative;
   display: inline;
}

(ใน table กะ div ผมใส่โค้ดลงไปให้มันเป็นสีๆ จะได้ตรวจสอบได้ครับ)

โค้ด:

<table>
            <tr>
              <td><div id="newproduct"></div>
                          table........
              </td>
 
            </tr>
</table>

 

ได้ประโยชน์มากๆ

thxxxxxxx

ถามป๋าเลย์ครับ ที่ลองทดสอบกับไออี นี่ เวอร์ชั่นอะไรครับ

พวกปัญหา css ใน ie7 หายหรือยังครับ

ตอนนี้ผมเขียน ส่วนใหญ่เลย ใน ff อย่างเดียวเลย

นานๆ จะเปิดใน ie7 ที แต่ส่วนใหญ่ ก็ไม่ค่อยเจอปัญหาอะไร

เลยนึกว่ามันไม่มีปัญหาแล้ว

http://truehits.net/graph/graph_stat.php#WEB

กดไปดูแนวโน้มเบราว์เซอร์ (คำนี้ทำไมมันเขียนตามหลักแล้วยาวฉิบหายเลยวะ)
ว่าคนไทยใช้อะไรกันซะส่วนมาก
ก็พบว่าตอนนี้กราฟของ IE6 กำลังดิ่งลงมาเรื่อยๆ
แต่ไม่ใช่ลดทีเดียวหมดประเทศนะ
นั่นเพราะว่าคนที่ซื้อคอมระดับแมสของประเทศเนี่ย
(คนที่ไม่ลงวินโด่ใหม่ คนที่ซื้อคอมแล้วไม่มีทางรู้จักเด็ดขาดว่าหมาย่างคืออะไร)
ต้องรอให้คนกลุ่มนี้คอมเสีย วินโด่เสีย หรือเปลี่ยนเครื่องใหม่เสียก่อน

ดูจากแนวโน้มของกราฟที่เห็น ก็เตรียมตัวเฮกันในอีก 2 ปีข้างหน้า
วันที่คนใช้ IE7 จะมีจำนวนเท่ากับ และเริ่มแซง IE6 ละ


ข้อดีคือ มาตรฐานของมันดีขึ้น
ข้อเสียก็คือ มาตรฐานแย่ๆ ของมันก็ยังแสดงผลได้แย่อยู่ดี
ดังนั้นใน 2 ปีนี้เรายังต้องง้อมันอยู่ครับ

ข้อดีคือ มาตรฐานของมันดีขึ้น
ข้อเสียก็คือ มาตรฐานแย่ๆ ของมันก็ยังแสดงผลได้แย่อยู่ดี
ดังนั้นใน 2 ปีนี้เรายังต้องง้อมันอยู่ครับ

เปลี่ยนเป็น 2 วันได้ไหมเนี่ย

จะเอา เทเบิ้ล เพิ่มไปตรงด้านขวา ของโลโก้ ที่มีรูปเครื่องบิน นี่ ทำยังไงดีครับ นึกไม่ออก 

หลังไอ้นี่

โค้ด:

<img src="images/logo1.gif" width="350" height="120" />

ก็คือหมายถึงใน div id="header" นี่แหละครับ
ให้ใส่ div เตรียมไว้ตัวนึง สมมติว่าชื่อ headerTD
แล้วข้างในจะยัดเทเบิ้ลอะไรก็ว่าไป ส่วนใน css ก็บอกว่า

โค้ด:

headerTD {
  float: right;
}

ขอบคุณครับ +

เดี๊ยวลองก่อน 

[ปัญหา:]

ปัญหา:
จะทำเว็บแบบขยายเต็มหน้า แล้วมีภาพที่จะต้องใส่ลงไปให้เต็มเหมือนกัน
แต่ไม่รู้จะทำยังไงให้ภาพมันขยายความกว้างเต็มหน้าไปด้วย (อธิบายแล้วงง ดูภาพเอา)




http://nettuts.com/html-css-techniques/the-weekend-quick-tip-flex-your-images/
ที่นี่มีคำตอบ

ลองประดิษฐ์ Starter Template มาให้ใช้กันครับ
ขอตั้งชื่อว่า u6isap.starter.template นะ

อันนี้ทำให้มี Footer (ส่วนล่างสุดของหน้า) ให้ชิดล่างตลอดไว้ด้วย
ใครสนใจหรือสงสัยอะไรก็โพสต์ถามกันได้ครับ (คุยกันมั่งนะ )

ขอบคุณครับ 


แต่    ขอเพิ่มครับ

อยากเห็นวิธีการวางและเขียน CSS layout แบบ wordpress ครับ

แบบนี้ครับ 




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

ว้าก
เดี๋ยวขอเวลาสักพักครับ
ไอ้ที่ทำไว้อันนึงก็ได้โครงหน้าแบบนั้นแหละ แต่มั่วมาก
เพราะไม่ได้เริ่มคิดจากการที่จะเอามาใช้เป็นเทมเพลต เลยด้นเอา

  เรื่องของเรื่อง ผมลองทำดูแล้ว มั่วเช็ดเลย   
ไอ้ที่อยากให้ยืด มันไม่ยอมยืด

อยากเอามาดูหลายๆแบบน่ะครับ

ตั้งตารอ