ช่วยสอนทำ bar ติดขอบด้านล่างกับ ลิ้งออกแทบด้านบนทีครับ (มีรูป)

beautiful

bar ติดขอบที่เลือดไปไหนก็จะคิดขอบล่างตลอดอ่าครับทำไงช่วยบอกทีครับ

ไม่รู้เรียกถูกหรือป่าวนคับภ้าเรียกผิดก็ขออภัยด้วยครับ


แล้วก็ลิ้งออกแบบมีแทบเล็กๆยาวๆแนวนอนติดขอบด้านบนอ่าครับ

รูปตัวอย่าง

ช่วยบอกทีครับ

ผมอธิบาย 'งง'  ก็ขออภัยด้วยนะครับ

เพิ่มเนื้อหา (2012-1-25 20:42):
ลิ้งออกยังทำไม่ได้ช่วยทีนะครับ

rokaisakkon

เข้าใจครับ

มันเป็น css ครับ

จะบอกวิธทำ ก็ขี้เกลียด  ลองไปแกะ ของเขามาง่ายสุด ๆ

ZeroBlack

ต้นฉบับโพสต์โดย rokaisakkon เมื่อ 2012-1-24 05:12
เข้าใจครับ

มันเป็น css ครับ

สตรีมไปไหนล่ะ                     

beautiful

1. <div class="banner2">
   
2. <table id="myTable"  width="100%" border="0" cellspacing="0" cellpadding="0">
   
3.   <tr>
   
4.     <td align="center" bgcolor="#000000">
   
5.       <table width="990" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
   
6. 
   
7.         <tr>
   
8.           <td width="200" height="56" align="left"><table width="100%" border="0" cellspacing="0" cellpadding="0">
   
9.             <tr>
   
10.               <td height="20" align="center"><a href="http://www.nazitv.com/bbs/main.php#req"><span class="styleviw2">ขอเพลงที่นี่...คลิก!!</span></a></td>
    
11.             </tr>
    
12.             <tr>
    
13.               <td align="center"><embed
    
14.       src=http://myradio3.plathong.net/player-viral.swf width=200 height=20
    
15.       type=application/x-shockwave-flash bgcolor="FFFFFF"
    
16.       allowscriptaccess="always" allowfullscreen="false"
    
17.       flashvars="file=http://rcp2.plathong.net:8900/;stream.nsv&amp;type=sound&amp;volume=100&amp;stretch=yes  &amp;autostart=true&amp;displayclick=none&amp;backcolor=#FFFFFF&amp;frontcolor=#000000"></embed></td>
    
18.             </tr>
    
19. 
    
20.             
    
21.           </table></td>
    
22.           <td width="724" align="center"><table width="713" border="0" cellspacing="0" cellpadding="0">
    
23.             <tr>
    
24.               <td height="55" background="http://www.nazitv.com/bbs/bgsmspj.jpg"><table width="712" height="55" border="0" cellpadding="0" cellspacing="0">
    
25.                   <tr>
    
26.                     <td height="22" align="left"><a name="tool" id="tool"></a><img src="http://www.nazitv.com/blogclear2.gif" width="10" height="10" /> </td>
    
27.                     <td height="24" class="style1"><img src="http://www.nazitv.com/bbs/blogclear2.gif" width="10" height="24" /></td>
    
28.                   </tr>
    
29. 
    
30.                   <tr>
    
31.                     <td width="77">&nbsp;</td>
    
32.                     <td width="635" align="left"><table width="620" border="0" cellspacing="0" cellpadding="0">
    
33.                       <tr>
    
34.                         <td height="18"><iframe src="http://www.nazitv.com/bbs/reqmusicfoot.php" width="620" height="18" frameborder="0" scrolling="No"> </iframe></td>
    
35.                       </tr>
    
36.                     </table></td>
    
37.                   </tr>
    
38. 
    
39.                   <tr>
    
40.                     <td colspan="2"><span class="style1"><img src="http://www.nazitv.com/bbs/blogclear2.gif" width="10" height="5" /></span></td>
    
41.                     </tr>
    
42.               </table></td>
    
43.             </tr>
    
44.           </table></td>
    
45.           <td width="66" align="right"><a href="#tool" onClick="JavaScript:fncHide();"><img src="http://www.nazitv.com/bbs/img/closetoolbar.gif" width="66" height="37" border="0" /></a></td>
    
46.         </tr>
    
47.       </table>
    
48. 
    
49.           </td>
    
50.   </tr>
    
51. </table>
    
52. 
    
53. </div>

คัดลอกไปที่คลิปบอร์ด

ผมไปเอาโค้ดเค้าลองไปใส่ใน footer แล้วมัน ไม่ตามขอบอ่าครับ มันติดข้างล่าง



เลือนขึ้นมาไม่ตาม



^^

rokaisakkon

ลืมเอาในส่วนของ css มาครับ ลองหาดู

beautiful

ต้นฉบับโพสต์โดย rokaisakkon เมื่อ 2012-1-24 15:02
ลืมเอาในส่วนของ css มาครับ ลองหาดู

1. <style type="text/css">
   
2. <!--
   
3. body {
   
4.         margin-left: 0px;
   
5.         margin-top: 0px;
   
6.         margin-right: 0px;
   
7.         margin-bottom: 0px;
   
8. }
   
9. div.banner2 {
   
10.   position: fixed;
    
11.   bottom: 0em;
    
12.   left: 0em;
    
13.   width:100%;
    
14. 
    
15. 
    
16. }
    
17. .style2888 {
    
18.         font-family: Tahoma;
    
19.         font-size: 10px;
    
20.         color: #CCCCCC;
    
21. }
    
22. .style2887 {
    
23.         font-family: Tahoma;
    
24.         font-size: 11px;
    
25.         color: #FFFFFF;
    
26. }
    
27. .style4888 {
    
28.         font-size: 16px;
    
29.         font-weight: bold;
    
30.         color: #FF0000;
    
31. }
    
32. .style5888 {
    
33.         font-size: 12px;
    
34.         color: #FFCC00;
    
35. }
    
36. .styleviw {font-family: Tahoma; color: #FFFFFF; font-size: 11px; }
    
37. .styleviw2 {font-family: Tahoma; color: #FFFFFF; font-size: 12px; }
    
38. .styleviw3 {font-family: Tahoma; color: #CCCCCC; font-size: 11px; }
    
39. -->
    
40. </style>

คัดลอกไปที่คลิปบอร์ด

ใช่หรือป่าวครับ แล้วเอาไปใส่ ตรงไหนหรอครับ

beautiful

ต้นฉบับโพสต์โดย beautiful เมื่อ 2012-1-24 15:56
ใช่หรือป่าวครับ แล้วเอาไปใส่ ตรงไหนหรอครับ ...

1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   
2. <html xmlns="http://www.w3.org/1999/xhtml">
   
3. <head>
   
4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   
5. <title>Untitled Document</title>
   
6. <style type="text/css">
   
7. <!--
   
8. body {
   
9.         margin-left: 0px;
   
10.         margin-top: 0px;
    
11.         margin-right: 0px;
    
12.         margin-bottom: 0px;
    
13. }
    
14. div.banner2 {
    
15.   position: fixed;
    
16.   bottom: 0em;
    
17.   left: 0em;
    
18.   width:100%;
    
19. 
    
20. 
    
21. }
    
22. .style2888 {
    
23.         font-family: Tahoma;
    
24.         font-size: 10px;
    
25.         color: #CCCCCC;
    
26. }
    
27. .style2887 {
    
28.         font-family: Tahoma;
    
29.         font-size: 11px;
    
30.         color: #FFFFFF;
    
31. }
    
32. .style4888 {
    
33.         font-size: 16px;
    
34.         font-weight: bold;
    
35.         color: #FF0000;
    
36. }
    
37. .style5888 {
    
38.         font-size: 12px;
    
39.         color: #FFCC00;
    
40. }
    
41. .styleviw {font-family: Tahoma; color: #FFFFFF; font-size: 11px; }
    
42. .styleviw2 {font-family: Tahoma; color: #FFFFFF; font-size: 12px; }
    
43. .styleviw3 {font-family: Tahoma; color: #CCCCCC; font-size: 11px; }
    
44. -->
    
45. </style>
    
46. </head>

คัดลอกไปที่คลิปบอร์ด

หรือเอามาแบบนี้หรอครับ

เพิ่มเนื้อหา (2012-1-24 16:03):
ผมเอาไปใส่ ก่อน
</body>
</html>ทั้งสองเลยใช่ป๊ครับ

beautiful

ผมใส่แบบนี้

ผมใส่ อันนี้

1. http://forum.discuzthai.com/forum.php?mod=redirect&goto=findpost&ptid=31675&pid=345755

คัดลอกไปที่คลิปบอร์ด

แล้วตามด้วย

1. http://forum.discuzthai.com/forum.php?mod=redirect&goto=findpost&ptid=31675&pid=345735

คัดลอกไปที่คลิปบอร์ด

แสดงละครับตามแล้ว

แต่อีกอันอ่าครับที่เป็นลิ้งออกอ่าครับ

ต้องไปใส่ในไฟล์หรือหรอครับ

rokaisakkon

ลองทดสอบทำใน หน้า html  ธรรมดาดูก่อนครับ  ว่ามันเลื่อนตามไหม

rokaisakkon

ทำเองแล้วใช้ ไอเฟรม