พื้นฐานhtmlและ css สำหรับจัดตำแหน่งการโฟส์ลงbloggerบางคนเวลาโฟส์ข้อมูลลง blogger นั้นท่านอยากจะจัดข้อมูลหรือรูปภาพให้อยู่ในตำแหน่ง ซ้าย ขวา หรือบางทีไม่อยู่ในตำแหน่งที่เราอยากจะให้อยู่บทความนี้ ผมมาบอกวิธีการจัดตำแหน่งโฟส์ของเราครับอาจจะไม่ครบถ้วนเท่าไหร่นักเพราะผมตั้งใจจะทำบทความนี้เพื่อบอกวิธีโฟส์สินค้าลง amazon ในตอนถัดไปครับ อิอิ ใน text editor ของ blogger นั้นเวลาเราจัดซ้ายขวานั้นเมื่อเรา ดูเป็น edit html นั้นจะใช้ div เช่น อยากให้รูปอยู่กลางก็ จะเป็นแบบนี้ <div style="text-align: center;">รูป</div> ถ้าสังเกตุดีๆจะเห็น style=" " ค่าที่อยู่ใน " " คือ ค่าที่กำหนดรูปแบบการแสดงผลนั้นเองหรือ css นั้นเอง ถ้าเกิดว่าเรามีรูปจะให้อยู่ซ้าย ข้อความอยู่ขวาทำไง ที่นี้เราใช้ text-align: left หรือ right ไม่ได้แล้วครับเนื่องจากมันไม่รู้ซ้ายกับ ใครขวากับใครวิธีการก็คือสร้าง div ที่มีความกว้างที่แน่นอนครับ
แล้วมี div 2 tag ที่เราต้องการให้อยู่ซ้าย ขวาและขนาดความกว้าง 2 tag รวมกันไม่เกินความกว้าง div ด้านนอกที่ห่อหุ้มไว้ครับ เช่น

<div style="width: 600px;">
<div style="float: left; width: 150px;">
รูปอยู่นี้จ๊ะ
</div>
<div style="float: right; width: 400px;">
ข้อความอยู่นี้จ๊ะ
</div>
</div>

ก็จะได้ประมาณรูปนี้ส่วนความสูงไม่ต้องพูดถึงมัน auto ได้อยู่แล้วครับ ถ้าอยากให้มีสีก็ใส่ background:สีที่ต้องการ;