css button ที่แสดงอักษรกลางปุ่ม เมื่อแสดงในเว็บบอร์ด phpbb ใน safari

PHP Knowledge เป็น บอร์ดรวามความรู้ php เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderators: mindphp, ผู้ดูแลกระดาน

Post Reply
User avatar
Ittichai_chupol
PHP VIP Members
PHP VIP Members
Posts: 3147
Joined: 19/09/2018 10:33 am

css button ที่แสดงอักษรกลางปุ่ม เมื่อแสดงในเว็บบอร์ด phpbb ใน safari

Post by Ittichai_chupol » 05/07/2019 4:26 pm

คงน่าจะมีผู้ที่พัฒนา phpbb แล้วจำเป็นที่จะต้องสร้าง css ขึ้นมาเพื่อสำหรับการใช้งานต่างๆ เช่น การทำ Extesnion ขึ้นมาใช้งานให้กับ phpbb นั้น โดยหนึ่งในปัญหาที่พบเจอคือการสร้างปุ่ม ขึ้นมาใช้ซึ่งในบางครั่งผลการพัฒนาที่ ส่วนใหญ่ผู้พัฒนา จะใช้ chrome หรือ firefox ส่วนใหญ่ ซึ่งผลที่ได้ก็คือออกมาดี แต่พอใช้กับ safari นั้นกับมีปัญหาอักษรไม่อยู่ตรงกลางปุ่มเหมือนกบที่พัฒนา chrome หรือ firefox ซึ้งวิธีการแก้ก็คือการนำ css button มาใส่ซึ่งบางครั้งก็ไม่สามารถแก้ไขได้

จากรูปตัวอย่างอักษรที่อยู่ในปุ่มจะชิดด้านขวาไปนิดหนึ่งนะครับ
index (1).png
index (1).png (14.73 KiB) Viewed 116 times


แต่ก็มี css ชุดหนึ่งที่ที่สามารถแก้ไขปัญหานี้ได้ก็คือ โดยมีตัวอย่างดังนี้

Code: Select all


.button {
   width: auto !important;
    padding: 7px;
    font-size: 10px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    background: #006600;
    color:#fff;
    line-height: 1.5;

}



ผมลัพหลังจากปรับแก้ไข
imgpsh_fullsize_anim (5).jpg
Last edited by Ittichai_chupol on 05/07/2019 5:50 pm, edited 1 time in total.

thatsawan
PHP VIP Members
PHP VIP Members
Posts: 19941
Joined: 31/03/2014 10:02 am
Contact:

Re: css button ที่แสดงอักษรกลางปุ่ม เมื่อแสดงในเว็บบอร์ด phpbb ใน safari

Post by thatsawan » 05/07/2019 5:13 pm

ขอภาพ เเสดงผลก่อนเเละหลังด้วยค่ะ เพระาปกติ phpbb เเสดงอักษรในปุ่มอยู่ตรงกลางยุเเล้วค่ะ

Post Reply

Return to “PHP Knowledge”

Users browsing this forum: No registered users and 4 guests