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

Registered : 108,065

HOME > PHP > PHP Forum > สอบถามปัญหา รัน ผลลัพธ์ แล้วเว็บแสดงไม่เหมือนกันค่ะ



 

สอบถามปัญหา รัน ผลลัพธ์ แล้วเว็บแสดงไม่เหมือนกันค่ะ

 



Topic : 133315



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



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



1

2


Code
<?php
session_start();
include 'secure/connectdb.php';

$sql = "SELECT * FROM tbnew INNER JOIN tbnewtype ON tbnew.newstype_id=tbnewtype.newstype_id ORDER BY news_id DESC LIMIT 1";

$res_news = mysqli_query($dbcon, $sql);
?>



<!DOCTYPE html>

<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="css/uikit.min.css" />
<script src="js/jquery.js"></script>
<script src="js/uikit.min.js"></script>
</head>
<body>

<div class="uk-container uk-container-center uk-margin-top uk-margin-large-bottom">
<div class="uk-container uk-container-center uk-margin-top uk-margin-large-bottom">
<?php
include 'header.php';
?>


<!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=tis-620">



<STYLE type=text/css>
A:link { color: #0000cc; text-decoration:none}
A:visited {color: #0000cc; text-decoration: none}
A:hover {color: red; text-decoration: none}
</STYLE>
<style type="text/css">
<!--
small { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; }
input, textarea,select { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; }
b { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; }
big { font-family: Arial, Helvetica, sans-serif; font-size: 15pt; }
strong { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight : extra-bold; }
font, td { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; }
BODY { font-size: 12pt; font-family: Arial, Helvetica, sans-serif; }
-->
</style>


<script src="js/jquery-1.5.min.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="js/jquery.slideviewer.1.2.js" type="text/javascript"></script>

<style>
/*preload classes*/
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul {position: relative; left: -999em;}

/*core classes*/
.stripViewer {
position: relative;
overflow: hidden;
border: 5px solid #ff0000;
margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li {
float:left;
}
.stripTransmitter {
overflow: auto;
width: 1%;
}
.stripTransmitter ul {
margin: 0;
padding: 0;
position: relative;
list-style-type: none;
}
.stripTransmitter ul li{
width: 20px;
float:left;
margin: 0 1px 1px 0;
}
.stripTransmitter a{
font: bold 10px Verdana, Arial;
text-align: center;
line-height: 22px;
background: #ff0000;
color: #fff;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover, a.current{
background: #fff;
color: #ff0000;
}

/*tooltips formatting*/
.tooltip
{
padding: 0.5em;
background: #fff;
color: #000;
border: 5px solid #dedede;
}
</style>

</head>

<body>

<center>


<br><br>

<div id="mygalone" class="svw">
<ul>
<li><a href="" target="_blank"><img alt="Picture 1" src="slide_picture/1.jpg" border="0" /></a></li>
<li><a href="" target="_blank"><img alt="Picture 2" src="slide_picture/2.jpg" border="0" /></a></li>
<li><a href="" target="_blank"><img alt="Picture 3" src="slide_picture/3.jpg" border="0" /></a></li>
<li><a href="" target="_blank"><img alt="Picture 4" src="slide_picture/4.jpg" border="0" /></a></li>
<li><a href="" target="_blank"><img alt="Picture 5" src="slide_picture/5.jpeg" border="0" /></a></li>
</ul>
</div>

<script type="text/javascript">
var theLinks;
var nCount = 0;
var theTimerID;
function init() {
$("div#mygalone").slideView();
theLinks = jQuery('#stripTransmitter0 a'); //for kill interval purposes
theTimerID = setInterval("autoSlide()", 5000);
}
function autoSlide() {
jQuery.each(theLinks, function (i) {
if (jQuery(this).hasClass('current')) {
jQuery(theLinks[((i + 1 < theLinks.length) ? (i + 1) : 0)]).trigger("click");
return false;
}
});
}
$(window).bind("load", init);
</script>

</center>




<br>

<center>
<hr width="90%"><br>


</center>


</body>
</html>





<br>

<center>



</center>


</body>
</html>




<div class="uk-grid" data-uk-grid-margin>
<div class="uk-width-medium-3-4">
<?php
while ($row_news = mysqli_fetch_assoc($res_news)) {
?>
<article class="uk-article">

<h1 class="uk-article-title">
<a href="#"><?php echo $row_news['news_topic']; ?></a>
</h1>

<p class="uk-article-meta">Written by admin on <?php echo $row_news['news_data']; ?></p>

<p>
<a href="#"><img uk-align-center" src="./news_image/<?php echo $row_news['news_filename']; ?>" alt=""></a>
</p>

<?php echo $row_news['news_detail']; ?>


</article>
<?php } ?>

</div>

<?php include 'right.php'; ?>


</div> <!-- end grid -->
</div>

<?php
include 'rs.php';
?>



</body>
</html>




Tag : PHP, MySQL, HTML, CSS, JavaScript, XAMPP







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2019-03-16 09:51:25 By : 1541158739347519 View : 252 Reply : 1
 

 

No. 1



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

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook Hi5 Blogger

จัดวาง style css และ script ให้ถูกหลัก w3c ก่อนครับ tag html , body , head ต่างๆ ควรจัดวางให้ถูก

Code (PHP)
<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
  <!-- เรียก javascript และ css style -->
 </head>
 <body>
  <!-- content เนื้อหาที่ต้องการแสดง -->

  <!-- custom javascript -->
 </body>
</html>


ผมทดสอบ plugin ที่นำมาใช้ใน chrome แสดงผลปกติดีครับ

http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-03-16 10:48:43 By : Manussawin
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : สอบถามปัญหา รัน ผลลัพธ์ แล้วเว็บแสดงไม่เหมือนกันค่ะ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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: Voake, Comcube, รับทำเว็บไซต์ รับเขียนโปรแกรม

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