หัวข้อข่าวมีตัวหนังสือที่มีขนาดใหญ่เกินไป

[mokin]

หัวข้อข่าวมีตัวหนังสือที่มีขนาดใหญ่เกินไป เวลามีมากกว่า 2 บรรทัดแล้ว
ตัวหนังสือจะซ้อนกันครับ ยิ่งหัวข้อข่าวนี้แล้ว http://www.blognone.com/node/13976
ดูไม่สวยเลยครับ อยากแนะนำให้ใส่ CSS (ประมาณบรรทัดที่ line 332 ไฟล์
style.css ) เป็นดังนี้

#content h3 {
color:#222222;
font-family:verdana,arial,sans-serif;
font-size:20px;
font-weight:bold;
line-height:22px;
margin-bottom:6px;
margin-top:5px;
}

[Wason]

รบกวน capture หน้าจอ ก่อนและหลังแก้ไขมาให้หน่อยได้ไหมครับ

ส่วนตัวผมเห็นด้วยว่าขนาด font มีปัญหาอยู่
และไม่มีประเด็นที่จะไม่แก้ครับ แต่อยากให้ท่านอื่นๆ ได้เห็นกันก่อน

2009/11/19 mokin <nik...@gmail.com>:

[Nikom Wongho]

ตามไฟล์ที่แนบมา ตัวหนังสือมันซ้อนทับกัน
line-height ควรมีขนาด px ของ font-size นิดหนึ่งครับ

2009/11/19 Wason <lew...@gmail.com>

[Wason]

โอเคครับ

พอดีผมเข้าไปจัดการไฟล์จากที่ทำงานไม่ได้ เดี๋ยวคืนนี้จะเข้าไปแก้

ท่านอื่นๆ มีความเห็นกับการแก้นี้ไหมครับ

2009/11/19 Nikom Wongho <nik...@gmail.com>:

> ตามไฟล์ที่แนบมา ตัวหนังสือมันซ้อนทับกัน

> line-height ค๋วรมีขนาด px ของ font-size นิดหนึ่งครับ

[Sugree Phatanapherom]

เป็นกับบาง os และ browser?

2009/11/19 Wason <lew...@gmail.com>

[Nikom Wongho]

ไม่แน่ใจ os อื่นแต่ตอนนี้ลองเล่น windows7 แต่เป็นทุกเบาเซอร์ (ที่ทดสอบ: Firefox IE8 Chrome Safari)
สาเหตุ ที่มันซ้อน เพราะ font-size ของ #content h3 ไม่ได้กำหนดขนาด line-height ไว้
ถึงแม้จะมีขนาด px #content แต่ line-height น้อยกว่า font-size จึงทำให้อ่านยากครับ

ตามที่เคยทำมาขนาด line-height ควรมีขนาดใหญ่กว่า font-size เล็กน้อย (ผมชอบ +2px)
แต่ที่ลดขนาด h3 จาก 24 เป็น 20 เพราะว่ามันใหญ่และเด่นกว่าตัวอื่นมาไป ก้าวกระโดเกินไปครับ

2009/11/19 Sugree Phatanapherom <sug...@gmail.com>

[Pittaya Sroilong]

ผมว่า line-height เป็น 1.5em กำลังสวย

2009/11/19 Nikom Wongho <nik...@gmail.com>

[Nikom Wongho]

ตามทฤษฎีฝรั่ง line-height เป็น 1.5em สวยดี แต่ที่ได้ทดสอบ 1.25 จะโอเคเมื่อเปิด firefox
แต่ที่บอกไปมันคือหน่วย px เพิ่มไป 2 px เพราะหน่วยเดิมมันเป็น px

ความจริงเว็บใหม่คงใกล้เสร็จแล้วมั้ง บอกช้าไปหน่อย

2009/11/19 Pittaya Sroilong <pit...@gmail.com>

[Isriya Paireepairit]

ผมลองปรับ line-height เป็น 1.25em แล้ว คิดว่ากำลังดี ฝากช่วยกันทดสอบด้วยนะครับ

[Nikom Wongho]

ขอบคุณครับ อ่านได้ง่ายขึ้น ได้ทดสอบใน windows7 มี Firefox IE8 Chrome Safari Opera ผ่านสวยงามหมด

2009/11/19 Isriya Paireepairit <mark...@gmail.com>

[Pruet Boonma]

firefox, chrome บน Ubuntu ดูสวยงามดีครับ

pruet

2009/11/19 Nikom Wongho <nik...@gmail.com>

>
> ขอบคุณครับ อ่านได้ง่ายขึ้น ได้ทดสอบใน windows7 มี Firefox IE8 Chrome Safari Opera ผ่านสวยงามหมด
>

> 2009/11/19 Isriya Paireepairit <mark...@gmail.com>
>>
>> ผมลองปรับ line-height เป็น 1.25em แล้ว คิดว่ากำลังดี ฝากช่วยกันทดสอบด้วยนะครับ
>>
>>
>
>
> >

--
-------------
Pruet Boonma
Graduate Student
Computer Science Department
University of Massachusetts Boston
http://www.cs.umb.edu/~pruet/