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,028

HOME > PHP > PHP Forum > ทำไม มันถึงมีช่องว่าง แบบนี้เกิดจากอะไรได้บ้างครับ งงมากเลยครับ มือใหม่ครับ



 

ทำไม มันถึงมีช่องว่าง แบบนี้เกิดจากอะไรได้บ้างครับ งงมากเลยครับ มือใหม่ครับ

 



Topic : 119594



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



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




ช่องว่าง


ทำไมมันถึงมีช่องว่างแบบนี้เกิดจากอะไรได้บ้างครับ ไม่รู้จะไปต่อยังไงงงตึบเลยครับ แต่ถ้าดูจากใน smartphone ก็เรียงปกติครับ

ผมมือใหม่มากๆครับ เคยศึกษาไว้นานมากแล้ว เพิ่งกลับมางมใหม่ ทำเว็บให้แฟนนะครับ งงตึบเลยครับ แค่เจอ mysqli ไปก็แทบอ้วกเลยครับ

กว่าจะแก้ได้ รบกวนด้วยครับ และก็เจออีกปัญหาคือ phpmyadmin เป็นภาษาต่างดาวยังแก้ไม่ได้เลยครับ ทั้งๆที่เปลี่ยนเป็น utf-8หมดแล้ว

งงมากเลยครับ ถามอากู๋ จนหมดแล้วครับ อากู๋ช่วยไม่ได้เลยครับ

*หมายเหตุ เพิ่งลองทำเว็บ จดโดเมนเนม และอัพขึ้น host เป็นครั้งแรกของชีวิต เจอปัญหามากมาย ไม่เหมือนอยู่กับ apserv เลยครับ

รบกวนพี่ๆด้วยครับ

www.usshopbykatoon.com

Code (PHP)
$dynamicList = "";

$sql = "SELECT * FROM products ORDER BY date_added DESC LIMIT 300";

$result = $conn->query($sql); // count the output amount

$productCount = mysqli_num_rows($result);


if ($productCount > 0) {
	while($row = $result->fetch_array()){ 
             $id = $row["id"];
			 $product_name = $row["product_name"];
			 $price = $row["price"];
			 $date_added = strftime("%b %d, %Y", strtotime($row["date_added"]));
			 $dynamicList .= ' 
		 
         <article class="productInfo">
         <div>
		 <a href="product.php?id=' . $id . '">
		 <img alt="sample" src="inventory_images/' . $id . '.jpg" alt="' . $product_name . '
		 " width="200" height="200" />
		 </a>
		 </div> 
          <p class="price"> ' . $price . ' -</p>
          <p class="productContent">' . $product_name . '</p>
          <input type="button" name="button" value="Buy" class="buyButton">
		  </article>
          
          
          
		';
			 
					
    }
} else {
	$dynamicList = "We have no products listed in our store yet";
}
$conn->close();
?>
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<title>Us Shop by Katoon</title>
<link href="eCommerceAssets/styles/eCommerceStyle.css" rel="stylesheet" type="text/css">

<!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.-->
<script>var __adobewebfontsappname__="dreamweaver"</script><script src="http://use.edgefonts.net/montserrat:n4:default;source-sans-pro:n2:default.js" type="text/javascript"></script>
</head>

<body>
<div id="mainWrapper">
    <!-- template_header.php -->
  <?php include_once("template_header.php")?>
   <!-- The offer section displays a banner text for promotions -->
  <?php include_once("template_offer.php")?>
  
  <section class="mainContent">
   <div class="productRow">
   
    <?php echo $dynamicList; ?>
    
    
  </div>
  </section>
  </div>
 
   <!-- template_footer.php -->
  <?php include_once("template_footer.php")?>
  
  
</div>
</body>
</html>




Tag : PHP, MySQL, HTML/CSS







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2015-10-27 21:26:17 By : bill10 View : 866 Reply : 3
 

 

No. 1



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

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

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

แบบนี้เกิดจากตอนที่ Generate HTML แล้วน่าจะมี Tag พวก CSS เกิดเข้ามาครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-10-27 22:00:13 By : mr.win
 


 

No. 2



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



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


ตอบความคิดเห็นที่ : 1 เขียนโดย : mr.win เมื่อวันที่ 2015-10-27 22:00:13
รายละเอียดของการตอบ ::
อ๋อครับ ขอบคุณมากครับ เดี๋ยวสงสัยต้องลงไปงม css ดูก่อนนะครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-10-27 22:40:55 By : bill10
 

 

No. 3



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



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


จากที่ผมไปลอง งม CSS ดู ผมคิดว่ามันน่าจะเป็นที่ Size ของรูปที่มีขนาดไม่เท่ากัน

เพราะกำหนด CSS เป็น % เพื่อที่จะให้มัน Responsive Website มันเลยทำให้เป็นเช่นนี้

ผมเลยคิดว่าวิธีแก้ของมันคือเราต้องทำการ Resize รูปภาพ ให้มีขนาดเท่ากันน่าจะเป็นวิธีแก้ไขที่ดี

แต่ถ้าจะมานั่งใช้ photoshop ในการทำมันค่อนข้างจะเสียเวลา เลยคิดว่าถ้าเราทำให้มัน Resize ได้ตอน Upload น่าจะดีกว่า

ซึ่งตอนนี้ผมยังทำไม่เป็น แต่ผมลองถามอากู๋แล้ว เห็นมีพี่ๆ ใจดีแอบบอกวิธีไว้ใน www.thaicreate.com

ซึ่งผมไม่ค่อยเข้าใจเท่าไร สงสัยจะต้องใช้เวลางมต่ออีกแล้ว ( หรือนั่งมั่วต่อนั่นเอง ฮ่าๆๆๆ )


ปล. เริ่มเจอแสงสว่างจากปลายอุโมงค์

ขอบคุณ www.thaicreate.com อีกครั้งครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-10-29 13:58:43 By : bill10
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
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: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

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