Accessibility Links

  1. • การเขียน CSS Elastic Layout

    โดย พร อันทะ เมื่อ 2008-01-21 22:18:53

    หลังจากที่ลองเล่นกับ CSS แบบ Liquid Layout ไปแล้วตอนนี้มาลองเล่นแบบอื่นกันดูบ้างครับ Elastic Layout เป็นรูปแบบการเขียน CSS ที่ผมนำมาเสนอเป็นรูปแบบที่สอง จะเป็นอย่างไรนั้น ตามมาดูกันครับ

    Tags:

    1. Layout
    2. Elastic Layout
    3. em

  2. • การเขียน Liquid Layouts 3 Columns

    โดย พร อันทะ เมื่อ 2008-01-20 14:54:43

    ผมค้างเอาไว้จากบทความก่อนหน้า เกี่ยวกับการเขียน CSS Layout แบบ เต็มหน้า ตอนนี้มาดูกันต่อว่า ถ้าจะทำเป็นแบบ สามคอลัมน์ต้องลดและเพิ่มตรงไหนบ้าง เพื่อที่จะจัดหน้าให้เข้าที่ได้ง่ายที่สุด

    Tags:

    1. liquid layout
    2. layout
    3. 3 columns

  3. • CSS Liquid Layouts (การเขียนเว็บเต็มหน้าแบบ 100%)

    โดย พร อันทะ เมื่อ 2008-01-19 18:22:15

    ก่อนหน้านี้ผมได้เขียนอธิบายคร่าวๆ ไว้แล้วว่า การเขียน CSS Layout มีรูปแบบคร่าวๆ กี่แบบ อย่างไรบ้าง ตอนนี้มาดูกันในแบบแรกเรื่อง Liquid Layout ทั้งแบบ 1 คอลัมน์ 2 คอลัมน์ และ 3 คอลัมน์

    Tags:

    1. layout
    2. liquid layout
    3. เต็มหน้า

  4. • CSS Layout ในรูปแบบต่างๆ

    โดย พร อันทะ เมื่อ 2008-01-19 15:57:00

    หลายคนอาจจะยังไม่รู้ว่าการเขียน CSS เพื่อกำหนดการแสดงผลของ หน้าเว็บนั้นมีอยู่มากมายหลายแบบ แต่ละแบบมีชื่อเรียกแตกต่างกันออกไปตามลักษณะ และการผสมผสานโครงสร้างการทำงานของผู้เขียน CSS เองเป็นสำคัญ

    Tags:

    1. layout
    2. css layout
    3. selector

  5. • แนวทาง ในการแก้ไขปัญหา Float Model

    โดย oat_army เมื่อ 2007-11-08 16:15:02

    การจัดวาง layout เพื่อใส่ content ในเวปนั้น เราสามารถใช้ได้ทั้ง การกำหนด position หรือการใช้ float ซึ่งทั้งสองมีรูปแบบการใช้ที่แตกต่างกัน โดยในที่นี้เราจะพูดถึงการใช้ Float กับการจัดวาง Layout

    Tags:

    1. css
    2. layout
    3. float

  6. • Multi-Column Layout Design

    โดย radiz เมื่อ 2007-10-03 23:59:20

    ผมเชื่อว่าหลายคนคงเคยมีปัญหากับการที่ต้องออกแบบ CSS สำหรับ Layout ที่ถูก design มาหลาย ๆ column แล้ว column เหล่านั้นต้องมีความสัมพันธ์กันเมื่อ content ของฝั่งใดฝั่งหนึ่งนั้นยืดออกในแนวตั้ง อีกข้างก็ต้องยืดตามเท่ากัน

    Tags:

    1. css
    2. multi column
    3. fluid layout

  7. • 12 ข้อคิดสำหรับผู้ที่กลัว CSS และ Standard (จบ)

    โดย radiz เมื่อ 2007-09-20 17:13:31

    เมื่อคุณย่างก้าวที่จะเข้าสู่โลกของการ design แบบ tableless layout นั้น สิ่งที่คุณต้องคิดถึงไม่ใช่แต่เพียงคิดว่าจะจัดวาง container elements ของคุณอย่างไรแต่สิ่งที่คุณไม่ควรมองข้ามคือการจัดการ selector ของคุณด้วย

    Tags:

    1. css
    2. layout
    3. web standards

  8. • css กับการจัดวาง xhtml ในกล่องข้อมูล

    โดย พร อันทะ เมื่อ 2007-08-18 14:42:08

    การจัดวางข้อมูลแบบเดิมๆ ในกล่องนั่นคือ มี div, h1, p, strong, span, em, img ซึ่งแต่ละอันจะถูก นำมาใช้ให้เหมาะสม กับการนำเสนอข้อมูล ในตัวอย่างต่อไปนี้ ผมขอสมมุติเรื่องราวขึ้นมา 1 เรื่องแล้วกันนะครับ ผมอยากจะเอาเนื้อหาทั้งหมด

    Tags:

    1. css
    2. xhtml
    3. layout

  9. • XHTML เว็บไซท์แบบสะอาด

    โดย พร อันทะ เมื่อ 2007-08-21 10:44:05

    การเขียนเว็บแบบเรียงลำดับความสำคัญ ของข้อมูลในโครงสร้างถือเป็นปัจจัยหลัก ที่สำคัญที่ XHTML designer ทุกคนควรพึงกระทำ และพึงระวัง ในเรื่องการใช้ tag xhtml ให้ถูกกับข้อมูลที่นำเสนอ

    Tags:

    1. xhtml
    2. clean
    3. layout

  10. • 1 คอลัมน์ พร้อม Header และ Footer

    โดย พร อันทะ เมื่อ 2007-08-31 08:34:17

    โดยทั่วไปแล้ว เราจะเห็นเว็บในลักษณะ 3 ส่วนแบบนี้คือ มีส่วนหัว คือส่วนบนสุด ส่วนเนื้อหา และส่วนล่างสุดคือส่วนรายละเอียด เกี่ยวกับเว็บไซท์ ลิขสิทธิ์ เบอร์โทรติดต่อ ฯลฯ

    Tags:

    1. layout
    2. fixed layout
    3. 1 column

  11. • 1 คอลัมน์ เลย์เอ้าท์ พร้อมแทรกภาพ

    โดย พร อันทะ เมื่อ 2006-12-21 05:16:45

    Tags:

    1. css
    2. layout
    3. column

  12. • หน้าเว็บแบบ 1 คอลัมน์ เลย์เอ้าท์

    โดย พร อันทะ เมื่อ 2007-08-31 08:37:31

    กำหนดความกว้าง คืออย่างแรกที่ผมนึกถึง ในการคิดวางโครงสร้าง เลยย์เอ้าท์ ให้กับหน้าเว็บ

    Tags:

    1. css
    2. 1 layout
    3. 1 column