ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingจะทำปุ่มให้อยุ่ใต้กรอบให้สวยงามแต่ทำไม่ได้
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: จะทำปุ่มให้อยุ่ใต้กรอบให้สวยงามแต่ทำไม่ได้  (อ่าน 1899 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
hellouuu
Newbie
*

พลังน้ำใจ: 1
ออฟไลน์ ออฟไลน์

กระทู้: 37



ดูรายละเอียด
« เมื่อ: 23 มิถุนายน 2019, 02:43:02 »

ไม่ได้ศึกษาทางด้านนี้ จึงชอบมั่วมากกว่า พอดีก้อบโค้ดมาจาก ตปท แก้ไปมาๆได้แบบนี้



ต้องการให้ aaa อยุ่ตรงกลาง ใต้กรอบด้านซ้าย ต้องการให้ bbb อยุ่ตรงกลางของกรอบด้านขวา แบบนี้



ต้องปรับโค้ดยังไงครับ ไปดู css ของเขาเป็นแบบนี้

โค๊ด:
.button {
background:#00ff00;
font: normal normal bold 12pt/1em Arial;
}

โคด html เปนแบบนี้

โค๊ด:
<td valign="center" align="center">

<br>

<input type="button" class="button" value="aaa" onclick="findxxx();" style="
    padding-top: 1px;
    border-bottom-width: 1px;
    padding-bottom: 1px;
    width: 86px;
    height: 30px;">



<input type="reset" class="button" value="bbb" style="
    width: 80px;
    height: 30px;
    border-bottom-width: 1px;
    padding-top: 1px;
    border-top-width: 1px;">

</td>


จะแก้โคดยังไง ให้ได้ตามที่ต้องการ แม้ปรับ align valign เปน right ก้ไม่เปนผล ขอรับคับพ้ม

 wanwan022
« แก้ไขครั้งสุดท้าย: 23 มิถุนายน 2019, 02:45:48 โดย hellouuu » บันทึกการเข้า
pommalwkub
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 99



ดูรายละเอียด
« ตอบ #1 เมื่อ: 23 มิถุนายน 2019, 10:16:23 »

อ่านเยอะๆครับ
บันทึกการเข้า

darkzard
คนรักเสียว
*

พลังน้ำใจ: 18
ออฟไลน์ ออฟไลน์

กระทู้: 170



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 23 มิถุนายน 2019, 21:53:07 »

จากรูปตรงกลางอยู่แล้วครับ แต่ปุ่ม a b มันอยู่ใน td เดียวกัน
ถ้าแสดงผลแบบไม่ขยับขนาดจอ ให้เอา align="center" ออก ใช้ margin-right: ... px;  margin-left: ... px; จัดระยะห่างแทน
หรือ
วิธีที่ 2 สร้าง td เพิ่ม แยกปุ่ม a กับ b ไว้คนละ td แต่มันจะเบียดกับ amout ลองปรับๆ ดูครับ
บันทึกการเข้า

pommalwkub
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 99



ดูรายละเอียด
« ตอบ #3 เมื่อ: 08 กรกฎาคม 2019, 20:17:13 »

float:left;
บันทึกการเข้า

market_online
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 99



ดูรายละเอียด เว็บไซต์
« ตอบ #4 เมื่อ: 20 สิงหาคม 2019, 15:02:04 »

css bootstap
บันทึกการเข้า

หน้า: [1]   ขึ้นบน
พิมพ์