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

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

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

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

กระทู้: 886



ดูรายละเอียด
« เมื่อ: 20 กรกฎาคม 2017, 17:00:06 »

https://testtep.000webhostapp.com/tep/

ตรงที่เป็นสินค้าทีตอนเมาส์ไปชี้ที่ภาพแล้วมันจะขึ้น caption อะครับ เปิดบน pc ไม่มีปัญหา แต่ตอนเป็นบนมือถือ มันต้องกดตรงมุมซ้ายบนอะครับถึงจะขึ้นcaption แต่พอขึ้นปุ่ป เว็บมันจะเด้งขึ้นไปข้างบนอะครับต้องเลื่อนลงมาใหม่ ไม่รู้จะแก้ตรงใหน ช่วยทีนะครับ


โค๊ด:
   <section id="recent-works">
        <div class="container">
            <div class="center wow fadeInDown">
                <h2>ผลิตภัณฑ์ของเรา</h2>
                <p class="lead">เราสามารถทำการผลิต ผลิตภัณฑ์ยางขึ้นรูปทุกชนิด ตามแบบวาด หรือ ตามตัวอย่าง  รวมถึงการจัดหาวัตถุดิบและข้อมูล เพื่อให้สอดคล้องตาม
ข้อกำหนดสากลต่างๆ เช่น RoHS, REACH, SOC หรืออื่นๆตามความต้องการของลูกค้า ซึ่งผลิตภัณฑ์ของเราจะรองรับในทุกกลุ่มอุตสาหกรรม โดยเราได้แบ่งออกเป็น 4 กลุ่มหลัก</p>
            </div>  </div>  
                        <div class="row">
                <div class="col-xs-12 col-sm-4 col-md-3">
                    <div class="recent-work-wrap">
                        <img class="img-responsive" src="images/product/recent/item1.jpg" alt="">
                        <div class="overlay">
                            <div class="recent-work-inner">
                                <h3><a href="#">Automotive Rubber Part</a> </h3>
                                <p>Drive Shaft Cover, Cover, Mounting Support, Piston Boot, Grommet, Engine Seal, etc.</p>
                                <a class="preview" href="images/product/full/item1.jpg" rel="prettyPhoto"><i class="fa fa-eye"></i> View</a>
                            </div>
                        </div>
                    </div>
                </div>  

                <div class="col-xs-12 col-sm-4 col-md-3">
                    <div class="recent-work-wrap">
                        <img class="img-responsive" src="images/product/recent/item2.jpg" alt="">
                        <div class="overlay">
                            <div class="recent-work-inner">
                                <h3><a href="#">Electrical Rubber Part</a></h3>
                                <p>Hose, Bellow, Cap Heater, Cap Tube, Plug, Rubber Leg, Isolater A/C, Grommet, Damper, etc.</p>
                                <a class="preview" href="images/product/full/item2.jpg" rel="prettyPhoto"><i class="fa fa-eye"></i> View</a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xs-12 col-sm-4 col-md-3">
                    <div class="recent-work-wrap">
                        <img class="img-responsive" src="images/product/recent/item3.jpg" alt="">
                        <div class="overlay">
                            <div class="recent-work-inner">
                                <h3><a href="#">Rubber Part for Industrial Machine </a></h3>
                                <p>Gasket, Packing, Seal, O-Ring, Hose, Diaphragm,Picking Finger, etc.</p>
                                <a class="preview" href="images/product/full/item3.jpg" rel="prettyPhoto"><i class="fa fa-eye"></i> View</a>
                            </div>
                        </div>
                    </div>
                </div>  

                <div class="col-xs-12 col-sm-4 col-md-3">
                    <div class="recent-work-wrap">
                        <img class="img-responsive" src="images/product/recent/item4.jpg" alt="">
                        <div class="overlay">
                            <div class="recent-work-inner">
                                <h3><a href="#">General Rubber Part</a></h3>
                                <p>Rubber Ring, Rubber Mat, Condom Belt, Rubber for Toys, etc.</p>
                                <a class="preview" href="images/product/full/item4.jpg" rel="prettyPhoto"><i class="fa fa-eye"></i> View</a>
                            </div>
                        </div>
                    </div>
                </div>  
            </div><!--/.row-->
        </div><!--/.container-->
    </section><!--/#recent-works-->



โค๊ด:
#recent-works .col-xs-12.col-sm-4.col-md-3{
  padding: 5;
}

#recent-works{
    padding-bottom: 20px;
}

.recent-work-wrap {
  position: relative;
}

.recent-work-wrap img{
  width: 100%;
}

.recent-work-wrap .recent-work-inner{
  top: 0;
  background: transparent;
  opacity: .8;
  width: 100%;
  border-radius: 0;
  margin-bottom: 0;
}

.recent-work-wrap .recent-work-inner h3{
  margin: 10px 0;
}

.recent-work-wrap .recent-work-inner h3 a{
  font-size: 24px;
  color: #fff;
}

.recent-work-wrap .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: 0;
  background: #3979bd;
  color: #fff;
  vertical-align: middle;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;  
  padding: 30px;
}

.recent-work-wrap .overlay .preview {
  bottom: 0;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  border-radius: 0;
  background: transparent;
  text-align: center;
  color: #fff;
}

.recent-work-wrap:hover .overlay {
  opacity: 1;
}
« แก้ไขครั้งสุดท้าย: 20 กรกฎาคม 2017, 17:00:29 โดย kunnarakkup » บันทึกการเข้า
host24plus
คนรักเสียว
*

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

กระทู้: 114



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 20 กรกฎาคม 2017, 18:56:02 »

ไม่เจอปัญหา งง  wanwan044 wanwan044
« แก้ไขครั้งสุดท้าย: 20 กรกฎาคม 2017, 19:00:13 โดย host24plus » บันทึกการเข้า


บริการโฮสติ้งราคาถูก บริการทุกระดับประทับใจ ราคาเริ่มต้นที่ 37.50 บาท/เดือน
kunnarakkup
สมุนแก๊งเสียว
*

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

กระทู้: 886



ดูรายละเอียด
« ตอบ #2 เมื่อ: 20 กรกฎาคม 2017, 20:56:55 »

ไม่เจอปัญหา งง  wanwan044 wanwan044

มันติดปัญหาบนมือถืออะครับ ตรงส่วนสินค้าที่เอานิ้วไปจิ้มแล้วมันไม่ขึ้น caption มันตกไปจิ้มตรงมุมๆซ้ายของภาพอะครับ พอข้อความขึ้นเว็บมันจะเด้งไปข้างบนก่อนรอบนึงด้วยอะครับ ไม่แน่ใจเป็นที่มือถือมั้ยผมเปิดใน iphone ยังไม่ได้ลองเปิดกับ android
บันทึกการเข้า
kumabro
Newbie
*

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

กระทู้: 24



ดูรายละเอียด
« ตอบ #3 เมื่อ: 20 กรกฎาคม 2017, 21:14:55 »

แก้พวก <a href="#" > เป็น <a href="javascript:void(0)"> ครับ จะไม่เด้งไปข้างบน  wanwan019 wanwan019
บันทึกการเข้า
kunnarakkup
สมุนแก๊งเสียว
*

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

กระทู้: 886



ดูรายละเอียด
« ตอบ #4 เมื่อ: 20 กรกฎาคม 2017, 21:26:34 »

แก้พวก <a href="#" > เป็น <a href="javascript:void(0)"> ครับ จะไม่เด้งไปข้างบน  wanwan019 wanwan019

ขอบคุณครับจะลองแก้ดู
บันทึกการเข้า
insandedid
คนรักเสียว
*

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

กระทู้: 183



ดูรายละเอียด
« ตอบ #5 เมื่อ: 21 มีนาคม 2018, 08:50:04 »

ปัญหานี้ยาวครับ active - hover ไม่ทำงาน บนมือถือครับ ต้องใช้ลักษณะ เหมือน nav menu มันจะมีคำสั่งอยู่ครับ
บันทึกการเข้า

บทความขี้เกลียดเขียน ข่าวขี้เกลียดเสพ สาย Chat 100% วันๆ เอาแต่ คุยในบอร์ด ต่างๆ ฮ่าๆ เว็บขี้เกลียดทำ โม้ไปเรื่อยเผื่อได้ BL
หน้า: [1]   ขึ้นบน
พิมพ์