Group Blog
 
All blogs
 

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.  


เด็กน้อย ตัวนิด
Location :
กรุงเทพ Thailand

[Profile ทั้งหมด]

ฝากข้อความหลังไมค์
Rss Feed
Smember
ผู้ติดตามบล็อก : 1 คน [?]




Friends' blogs
[Add เด็กน้อย ตัวนิด's blog to your web]
Links
 

 Pantip.com | PantipMarket.com | Pantown.com | © 2004 BlogGang.com allrights reserved.