ต้องการให้ช่องเท่ากันทุกช่องครับ
code ควรทำ highlight เพื่อความเป็นระเบียบและอ่านง่าย(น่าอ่าน)
อย่าลืมปิดแท็ก </td> แม้ไม่จำเป็น
Code (PHP)
<?php
error_reporting(E_ALL);
ini_set("display_errors", 0);
require_once('../connection.php');
$sql = "SELECT * FROM inv ORDER BY inv_id ASC ";
$result = mysqli_query($con, $sql);
$num = mysqli_num_rows($result);
if ($num > 0) {
echo "<table border=0 width='5%' cellpadding=5 cellspacing=5 bordercolor='#cococo'>";
$check = 1;
while ($rs = mysqli_fetch_array($result)) {
$inv = $rs[inv_id];
$code = sprintf("%05d", $inv);
$name_prd = $rs[name];
$photo_prd = $rs[photo_prd];
if ($photo_prd == " ") {
$photo_prd = "check.png";
}
if ($check % 5 == 1) {
echo "<tr>";
}
echo "
<div class='card-body'>
<div class='row'>
<td width='80' height='50' class='card border-primary mb-3' valign='top'>
<a href='qas_view.php?id_prd=$inv' class='btn btn-warning'>
<img src='check.png' width='53'><br>$code<br>$name_prd</a>
</td>
</div>
</div>
";
if ($check % 4 == 0) {
echo "</tr>";
$check = 0;
}
$check++;
}
echo "</table>";
}
?>
</body>
</html>
code ที่นำมาแสดงเป็น server side dynamic script
แต่การแสดงผลต้องดูที่ client side static script ซึ่งก็คือ HTML+CSS
ดังนั้น เพื่อความสะดวกในการแก้ปัญหา ควรนำ HTML element จาก DOM (Developer Tools/Inspect Element จาก Browser)
และ ต้องนำ CSS ที่เกี่ยวข้อง กับการแสดงส่วนที่เพี้ยน มาด้วย จึงจะสามารถให้คำแนะนำได้
Date :
2020-05-19 20:29:13
By :
PhrayaDev
ขอบคุณมากครับ เดียวผม ลองศึกษา CSS เพิ่มครับ
Date :
2020-05-21 22:07:20
By :
chaiwatk
แก้ได้เรียบร้อยครับ (พอดีตัดส่วน bootstrap ออกก็ใช้ได้ครับ)
Date :
2020-05-22 00:26:01
By :
chaiwat
เยี่ยม
Date :
2020-05-22 00:38:39
By :
PhrayaDev
Code (PHP)
<style>
.custom-size{ width: 10%}
<style>
<div class="col-12">
<div class="pull-left custom-size bg-info">TEST</div>
<div class="pull-left custom-size bg-info">TEST1</div>
<div class="pull-left custom-size bg-info">TEST2</div>
<div class="pull-left custom-size bg-info">TEST3</div>
<div class="pull-left custom-size bg-info">TEST4</div>
</div>
Date :
2020-05-22 04:36:44
By :
Chaidhanan
ขอบคุณครับ
Date :
2020-05-28 00:02:17
By :
mrcool_307
Load balance : Server 05