Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,038

HOME > PHP > PHP Forum > อยากทราบวิธีทำแถบเลื่อนดูข้อมูลครับ คือว่าผมทำ Template ไว้ที่ 800 แต่ตารางข้อมูลที่ทำมันยาวกว่าครับผมอยากให้มันล็อคอยู่ที่



 

อยากทราบวิธีทำแถบเลื่อนดูข้อมูลครับ คือว่าผมทำ Template ไว้ที่ 800 แต่ตารางข้อมูลที่ทำมันยาวกว่าครับผมอยากให้มันล็อคอยู่ที่

 



Topic : 024945



โพสกระทู้ ( 5 )
บทความ ( 0 )



สถานะออฟไลน์




คือว่าผมทำ Template ไว้ที่ 800 แต่ตารางข้อมูลที่ทำมันยาวกว่าครับผมอยากให้มันล็อคอยู่ที่ 800 แล้วทำแถบเลื่อนดูข้อมูลส่วนที่เหลือที่ไม่เห็นบนหน้าต่างนะครับ ช่วยสอนวิธีทำหน่อยครับ หรือว่าให้เป็น code เลยยิ่งดีครับขอบคุณมากนะครับ



Tag : - - - -






Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2009-02-24 07:51:16 By : masero View : 4889 Reply : 9
 

 

No. 1



โพสกระทู้ ( 74 )
บทความ ( 0 )



สถานะออฟไลน์


ส่วนมากที่ใช้จะเขียนเป็น CSS แล้วก็เรียกมาใช้ นี่เป็น code ส่วน css
CSS
Code
div.scroll {
height: 350px; //ความสูง
width: 1000px; //ความกว้าง
overflow: auto; //ด้านล่างนี้จะเป็นการปรับค่าสี scall bar ค่ะ
scrollbar-face-color:#FB7800; scrollbar-track-color:#FFE8EF; scrollbar-arrow-color:#F4346F; scrollbar-shadow-color:#F34077; scrollbar-dark-shadow-color:#F33771; scrollbar-highlight-color:#FFFFFF
}


Date : 2009-02-24 08:59:05 By : Jewels
 


 

No. 2



โพสกระทู้ ( 5 )
บทความ ( 0 )



สถานะออฟไลน์


ขอบคุณครับจะลองทำดู
Date : 2009-02-24 09:28:34 By : masero
 

 

No. 3



โพสกระทู้ ( 29 )
บทความ ( 0 )



สถานะออฟไลน์


แล้วเอา code ไปใส่ไว้ตรงไหนหรอคับ งง ขอดูตัวอย่างหน่อยอ่ะคับ

ขอบคุณมากครับ
Date : 2009-02-26 09:11:38 By : tonhoy
 


 

No. 4



โพสกระทู้ ( 74 )
บทความ ( 0 )



สถานะออฟไลน์


ประมาณนี้ละค่ะ
Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">

div.scroll {
height: 200px;
width: 500px;
overflow: auto;
scrollbar-face-color:#FB7800; scrollbar-track-color:#FFE8EF; scrollbar-arrow-color:#F4346F; scrollbar-shadow-color:#F34077; scrollbar-dark-shadow-color:#F33771; scrollbar-highlight-color:#FFFFFF
}
</style></head>

<body>
<p class="style1">samples</p>
<div class="scroll">samplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamples<br />
samplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamples<br />
samplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamples<br />
samplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamples<br />
samplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamples<br />
samplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamples<br />
samplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamples<br />
samplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamples<br />
samplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamples<br />
samplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamples<br />
samplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamples<br />
samplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamples<br />
samplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamples<br />
samplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamples<br />
samplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamples<br />
samplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamples<br />
samplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamples<br />
samplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamples<br />
samplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamples<br />
samplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamples<br />
samplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamplessamples</div>
<br />
<p class="style1">&nbsp;</p>
</body>
</html>


ถ้ามีข้อความเกินที่ scroll ที่เรากำหนด มันก็จะมี scroll bar ขึ้นมาเอง ค่ะ
Date : 2009-02-26 09:45:50 By : Jewels
 


 

No. 5



โพสกระทู้ ( 29 )
บทความ ( 0 )



สถานะออฟไลน์


ขอบคุณมากครับทำได้แล้ว
Date : 2009-02-26 10:15:09 By : tonhoy
 


 

No. 6



โพสกระทู้ ( 29 )
บทความ ( 0 )



สถานะออฟไลน์


แล้วถ้าเราไม่เอาแถบข้างล่างอ่ะครับต้องลบตัวไหนครับ
Date : 2009-02-26 10:18:24 By : tonhoy
 


 

No. 7



โพสกระทู้ ( 74 )
บทความ ( 0 )



สถานะออฟไลน์


ก็เอาบรรทัด

width: 500px;

ออกอ่ะค่ะ
Date : 2009-02-26 10:29:56 By : Jewels
 


 

No. 8

Guest


ขอบคุณค่ะ
แต่จะเปลี่ยนสีแถบละค่ะ
Date : 2009-12-25 13:08:47 By : jiw
 


 

No. 9

Guest


แล้วเปลี่ยนตัวหนังสือยังงัยค่ะ
Date : 2009-12-25 13:51:56 By : jiw
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : อยากทราบวิธีทำแถบเลื่อนดูข้อมูลครับ คือว่าผมทำ Template ไว้ที่ 800 แต่ตารางข้อมูลที่ทำมันยาวกว่าครับผมอยากให้มันล็อคอยู่ที่
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
 Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 04
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2025 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่