พี่ครับช่วย ดูcss ผมด้วยครับ งมทั้งวันเเล้วไม่ได้จริง ๆ

[storyman]

คือผมนั้นกำลังทำข่าวบอลโดยใช้ Jquery เเล้วมีปัญหาตรงข้อความฝั่งขวา ไม่ทราบว่าต้องเเก้ไขยังไงหรอครับ รบกวนพี่ ๆ ช่วยบอกผมหน่อยนะครับ


รบกวนนะครับ ช่วยที
@charset "utf-8";
#featured{
   width:400px;
   padding-right:250px;
   position:relative;
   border:5px solid #ccc;
   height:250px;
   background:#fff;
}
#featured ul.ui-tabs-nav{
   position:absolute;
   top:0; left:400px;
   list-style:none;
   padding:0; margin:0;
   width:250px;
}
#featured ul.ui-tabs-nav li{
   padding:1px 0; padding-left:13px;  
   font-size:12px;
   color:#666;
}
#featured ul.ui-tabs-nav li img{
   float:left; margin:2px 5px;
   background:#fff;
   padding:2px;
   border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{
    width:200px;
   font-size:11px; font-family:Verdana;
   line-height:18px;
   }
#featured li.ui-tabs-nav-item a{
   display:block;
   height:60px;
   color:#333;  background:#fff;
   line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{  สีตรงรูปเล็ก เวลาเมาส์ โอเวอร์
   background:#BBBBBB;  เทาเข้ม
}
#featured li.ui-tabs-selected{
   background:url('images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
   background:#ccc;
}
#featured .ui-tabs-panel{
   width:400px; height:250px;
   background:#999; position:relative;
}
#featured .ui-tabs-panel .info{
   position:absolute;
   top:180px; left:0;
   height:70px;
   background: url('images/transparent-bg.png');
}
#featured .info h2{
   font-size:18px; font-family:Georgia, serif;
   color:#fff; padding:5px; margin:0;
   overflow:hidden;
}
#featured .info p{
   margin:0 5px;
   font-family:Verdana; font-size:11px;
   line-height:15px; color:#f0f0f0;
}
#featured .info a{
   text-decoration:none;
   color:#fff;
}
#featured .info a:hover{
   text-decoration:underline;
}
#featured .ui-tabs-hide{
   display:none;
}

[O.o!!]

แปะ html code ของส่วนนั้นด้วยสิครับ 

[storyman]

แปะ html code ของส่วนนั้นด้วยสิครับ 

ยังไงหรอครับ

ผมไม่รู้จริง ๆ ครับ มือใหม่ครับ ขออภัยอย่างยิ่ง

[drlovecat]

พื้นฐานการเขียน css ในการกำหนด comment เราต้องใช้ /*   */  คร่อมข้อความนะครับ  

คุณแก้ตรงนี้ก่อน
#featured li.ui-tabs-nav-item a:hover{  สีตรงรูปเล็ก เวลาเมาส์ โอเวอร์
  background:#BBBBBB;  เทาเข้ม

อยากเห็นตัวเว็บ!!

[storyman]

พื้นฐานการเขียน css ในการกำหนด comment เราต้องใช้ /*   */  คร่อมข้อความนะครับ  

คุณแก้ตรงนี้ก่อน
#featured li.ui-tabs-nav-item a:hover{  สีตรงรูปเล็ก เวลาเมาส์ โอเวอร์
  background:#BBBBBB;  เทาเข้ม

อยากเห็นตัวเว็บ!!

http://step69.com/ นี้เลยครับ

[storyman]

  ช่วยด้วยครับพีพี

[drlovecat]

#featured{
overflow: hidden !important   /*คอมเมนต์ต้องคร่อมแบบนี้นะจ๊ะ*/
}
#featured ul.ui-tabs-nav li img{
   margin:2px; )
}

[storyman]

#featured{
overflow: hidden !important   /*คอมเมนต์ต้องคร่อมแบบนี้นะจ๊ะ*/
}
#featured ul.ui-tabs-nav li img{
   margin:2px; )
}

ผมเเก้ไขเรื่องการ  คอมเมนต์ เรียบร้อยเเล้วครับขอบคุณมาก ๆ ที่บอก เเต่ เรื่อง ที่ยังจัดตำเเหน่งไม่ได้ดังรูปยังไม่ได้นะครับ รบกวนผู้รู้บอกที่ครับ

[drlovecat]

#featured li{width: 240px; float: left; text-align: left;}
#featured ul.ui-tabs-nav li span{ font-weight: normal }

[storyman]

#featured li{width: 240px; float: left; text-align: left;}
#featured ul.ui-tabs-nav li span{ font-weight: normal }

พี่ครับผมใส่ตามพี่เเล้วนะครับ
#featured ul.ui-tabs-nav li span{

    width:200px; float: left; text-align: left;
   font-size:11px; font-family:Verdana;
   line-height:18px;
   
}

เเต่ยังไม่ได้อ่ะครับ

[storyman]

#featured li{width: 240px; float: left; text-align: left;}
#featured ul.ui-tabs-nav li span{ font-weight: normal }

ได้เเล้วนะครับ ขอบคุณมากครับ คูณ drlovecat รู้ไม่ครับผมงมมา 5 ชั่วโมงเเล้ว ขอบคุณอย่างยิ่งเลยครับ

[drlovecat]

เปลี่ยนค่าใน css ต้องกด refresh หน้าเว็บด้วยครับ

[storyman]

เปลี่ยนค่าใน css ต้องกด refresh หน้าเว็บด้วยครับ

ขอบคุณครับ ที่มาช่วยสอมมือใหม่อย่างผมครับ ขอบคุณจากใจครับ

[YAMS]

คุณ drlovecat ใจดี น่ารักจัง

คุณ storyman ก็สุภาพ น่ารัก และมีความพยายามด้วยตนเองก่อนถาม

กระทู้นี้น่ารักมาก ชอบๆๆ +thanks ให้ทุกคนเลย อิอิ

[Aussawinning]

ท่านลองใช้ Firebug พรีวิวดูก่ิอนแล้วค่อยแก้โค้ดจริงก็ได้ครับจะสะดวกขึ้นเยอะเลย

[aek26]

ผมเข้าไปดูเหมือนกัน ช่วยแก้ไม่ได้ท่านเปลี่ยนไปเปลี่ยนมา ผมแนะนำนะครับ เอา addon firefox ชื่อ firebug มาลงครับ ลงไม่ยาก เมื่อติดตั้งเสร็จ ท่านคลิก ปุ่มสี่เหลี่ยมซ้ายมือ แล้วนำเมาท์ไปคลิกตำแหน่งที่ท่านอยากรู้ มันจะแสดง css ตำแหน่งนั้นให้เราทราบเราสามารถทดลองแก้ผ่าน browser ได้เลยครับ


ลองดูครับ

[naytumz]

ลองเปลี่ืยนค่า ตามนี้ดูครับ  
#featured ul.ui-tabs-nav li span {
font-family:Verdana;
font-size:11px;
line-height:18px;
text-align:left;
}


#featured li.ui-tabs-nav-item a {
background:none repeat scroll 0 0 #FFFFFF;
color:#333333;
display:block;
height:60px;
padding:2px 0 0;
}

[kl548380]

 

[storyman]

ผมเข้าไปดูเหมือนกัน ช่วยแก้ไม่ได้ท่านเปลี่ยนไปเปลี่ยนมา ผมแนะนำนะครับ เอา addon firefox ชื่อ firebug มาลงครับ ลงไม่ยาก เมื่อติดตั้งเสร็จ ท่านคลิก ปุ่มสี่เหลี่ยมซ้ายมือ แล้วนำเมาท์ไปคลิกตำแหน่งที่ท่านอยากรู้ มันจะแสดง css ตำแหน่งนั้นให้เราทราบเราสามารถทดลองแก้ผ่าน browser ได้เลยครับ


ลองดูครับ

ผมมือใหม่ ยังไงต้องขอบคุญพี่ ๆ ทุกคนครับ

[storyman]

คุณ drlovecat ใจดี น่ารักจัง

คุณ storyman ก็สุภาพ น่ารัก และมีความพยายามด้วยตนเองก่อนถาม

กระทู้นี้น่ารักมาก ชอบๆๆ +thanks ให้ทุกคนเลย อิอิ

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