code : align="left" กับ FF
*** ไม่รู้ว่าวิธีนี้จะถูกไหมนะคะ แบบว่าเราเพิ่งจะรู้น่ะค่ะ แต่ใครที่เขียน blog หรือ diary ใช้ code ที่บอกไว้สำหรับ FF ไป มันก็จะทำให้ดูได้ทั้ง 2 browser ค่ะ***
align="left" กับ firefox เวลาเราจะให้รูปมันอยู่ด้านซ้าย แล้วตัวหนังสืออยู่ด้านขวาน่ะค่ะ เช่น...
PIX TXTTXTTXT PIX TXTTXT PIX
*** ตัวอย่างข้างบนนี้คือ รูปมันยาวกว่าข้อความ เราอยากจะทำให้ ข้อความ อยู่ระดับเดียวกับด้านบนของภาพ ก็ใส่ code นี้
<img src="URL" align="left">ข้อความ
ใน "..." เราจะแก้จาก left เป็น right ก็ได้ค่ะ แล้วข้อความมันก็จะไปอยู่ทางซ้ายแทน
*** แต่!!! มันใช้ได้เฉพาะกะ IE ***
----------
วิธีแก้ code นี้ ให้ใช้ได้ใน FF ก็คือ...
<div><img src="URL" align="left" style="float:left;">ข้อความ</div> <div style="clear:both;"></div>
คำอธิบาย
- align ใส่ไว้ เพื่อ IE | style >>> float นี่ใส่ไว้เพื่อ FF
- ถ้าเปลี่ยน left เป็น right ก็ต้องเปลี่ยนทั้งใน align และ ใน float นะจ๊ะ
- clear:both นี่สำคัญมากนะคะ ห้ามลืม!!! >>> มันทำให้ ข้อความข้างล่างต่อมา ไม่ขึ้นมาต่อท้าย ข้อความเก่า ของเรา
ขอบคุณความรู้จาก : DIVland.com
----------
แหะๆ จบจ้า ง่ายป๊ะ ไม่ต้องดูเราแพ่มมากก็ได้ค่ะ ก๊อป code ไป จบ!!! >w<
อันนี้มันแบบ HTML นะคะ ถ้าแบบ CSS ก็ทำไม่เป็นเหมือนกันค่ะ ถ้าใครอยากรู้เพิ่มเติม ไปดูต่อได้ในเว็บที่บอกไว้นะคะ
|
*** ปล. ใครมีวิธีดีกว่านี้ ช่วย comment หรือ PM มาบอกก็ได้ค่ะ จะขอบพระคุณเป็นอย่างสูงค่า แฮ่... ***
Create Date : 20 ตุลาคม 2550 | | |
Last Update : 20 ตุลาคม 2550 3:45:40 น. |
Counter : 388 Pageviews. |
| |
|
|
|