|
 |
| |
ขอสอบถามหน่อยครับ พอดี ตัว css ทำงานเพี้ยนครับตอนรันใน server |
| |
 |
|
|
 |
 |
|
Code (PHP)
<div class="container">
<div class="col1 bg-white">
<h2>ข้อมูลไฟล์</h2>
<div style="text-align: right;" >
<a href="add_articles.php" class="blue-btn">ย้อนกลับ</a>
<a href="logout.php" class="green-btn">..**..กลับหน้าหลัก..**..</a></div>
<table class="showrow">
<tr class="showrow">
<th class="showrow">ชื่อบทความ(th)</th>
<th class="showrow">ชื่อบทความ(eng)</th>
<th class="showrow">ชื่อผู้แต่ง(th)</th>
<th class="showrow">ชื่อผู้แต่ง(eng)</th>
<th class="showrow">หน้าเริ่มต้น</th>
<th class="showrow">หน้าสิ้นสุด</th>
<th class="showrow"></th>
<th class="showrow">สถานะ</th>
</tr>
<?php while($objResult = mysqli_fetch_array($objQuery)) { ?>
<tr class="showrow">
<td class="showrow"><?php $id = $objResult["th_title"];echo "$id"?></td>
<td class="showrow"><?php $description = $objResult["eng_title"];echo "$description"?></td>
<td class="showrow"><?php $authors = $objResult["authors"];echo "$authors"?></td>
<td class="showrow"><?php $eng_authors = $objResult["eng_authors"];echo "$eng_authors"?></td>
<td class="showrow"><?php $st_page = $objResult["st_page"];echo "$st_page"?></td>
<td class="showrow"><?php $end_page = $objResult["end_page"];echo "$end_page"?></td>
<td class="showrow"><a href="../edit_articles.php?ID=<?php $id = $objResult["id"];echo "$id"?>" class="yellow-btn">แก้ไขข้อมูล</a></td>
<td class="showrow"><a href="../delete_articles.php?ID=<?php $id = $objResult["id"];echo "$id"?>" class="red-btn" onClick="Javascript:return confirm('ยืนยันการลบข้อมูล')">ลบข้อมูล</a></td>
</tr>
<?php }?>
</table>
</div>
</div>
อันนี้ตัว code ครับ
|
 |
 |
 |
 |
| Date :
2021-06-11 11:35:18 |
By :
Passto |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
Code (PHP)
table.showrow {
border-collapse: collapse;
width: 100%;
}
td.showrow, th.showrow {
border-bottom: 0.8px solid #ddd;
padding: 10px;
text-align: center;
}
td.form, th.form {
border-bottom: 0.8px solid #222;
padding: 5px;
}
tr:hover.showrow {
background-color: #ddd;
transition: .6s;
}
อันนี้ css ครับ ซึ่งเว็บอื่น ใช้ ตัวเดวกันไม่มีปัญหาครับ
|
| |
|
|
| |
| Date :
2021-06-11 11:36:43 |
By :
Passto |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
file css มันโหลดหรือเปล่า ลองเช็ครึยัง?
แล้วตารางจากที่เห็นมันล้นออกไปด้วย ไม่ใช่แค่ในคอลัมน์ ตัวตารางเองล้นออกไปเลย แสดงว่ามีปัญหา css ไม่มาหรือมี css ตัวอื่นมากวน
ต้อง inspect จากเบราว์เซอร์ที่หน้าเว็บจริง ไม่สามารถจบได้ด้วยการแค่ดูโค้ด
|
| |
|
|
| |
| Date :
2021-06-11 18:01:00 |
By :
mr.v |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
@ mr.v ขอบคุณครับ....ล่าสุด ผมลบตัว css ตัวอื่นออกหมดแล้ว แล้วก็ลองปรับแก้ตัวอื่นๆ สรุป ตัว css ใช้งานได้ปกติครับ
แต่ ปัญหา อันเดิมยัง อยู่ครับ.....
|
| |
|
|
| |
| Date :
2021-06-15 10:40:01 |
By :
Passto |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
 ตอบความคิดเห็นที่ : 4 เขียนโดย : Passto เมื่อวันที่ 2021-06-15 10:40:01
รายละเอียดของการตอบ ::
... ใส่ความคิดเห็นตรงนี้.......
Code (PHP)
@import url('https://fonts.googleapis.com/css?family=Prompt&display=swap');
body {
margin: 0;
font-family: "Prompt";
background-color: #f2f2f2;
}
.container {
width: 80%;
margin: auto;
}
.col1 {
margin-left: auto;
margin-right: auto;
margin: 10px;
padding: 15px;
}
.bg-white {
background-color: #F8F9F9;
}
a.red-btn {
background-color: #E71A1D;
text-decoration: none;
padding: 13px;
border-radius: 10px;
display: inline-block;
color: #fff;
}
a:hover.red-btn {
background-color: #F34446;
transition: .6s;
}
a.green-btn {
background-color: #00912B;
text-decoration: none;
padding: 15px;
border-radius: 10px;
display: inline-block;
color: #fff;
}
a:hover.green-btn {
background-color: #1EA847;
transition: .6s;
}
a.yellow-btn {
background-color: #D88D00;
text-decoration: none;
padding: 13px;
border-radius: 10px;
display: inline-block;
color: #fff;
}
a:hover.yellow-btn {
background-color: #FFAE16;
transition: .6s;
}
a.blue-btn {
background-color: #01B9E0;
text-decoration: none;
padding: 13px;
border-radius: 10px;
display: inline-block;
color: #fff;
}
a:hover.blue-btn {
background-color: #00D3FF;
transition: .6s;
}
table.showrow {
border-collapse: collapse;
width: 100%;
}
td.showrow, th.showrow {
border-bottom: 1px solid #ddd;
padding: 10px;
text-align: center;
}
td.form, th.form {
border-bottom: 1px solid #222;
padding: 10px;
}
tr:hover.showrow {
background-color: #ddd;
transition: .6s;
}
input[type=text],input[type=tel],input[type=email],input[type=date],input[type=password] {
padding: 8px;
font-family: "Prompt";
outline: none;
border: 2px solid #ccc;
}
input[type=text]:focus,input[type=tel]:focus,input[type=email]:focus,input[type=password]:focus,input[type=date]:focus {
border: 2px solid #222;
transition: 1s;
}
input[type=submit] {
background-color: #00912B;
outline: none;
padding: 15px;
border-radius: 10px;
border: none;
display: inline-block;
color: #fff;
font-family: "Prompt";
cursor: pointer;
font-size: .9 em;
}
input[type=submit]:hover {
background-color: #1EA847;
transition: .6s;
}
#message{
width:100%;
text-align:center;
color:red;
}
[class*="col-"] {
padding: 1rem;
}
อันนี้ ตัวเต็ม ครับ
|
| |
|
|
| |
| Date :
2021-06-15 10:41:21 |
By :
Passto |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
@ พญามัจจุราช ขอบพระคุณครับ ก็ยังไม่ได้ เหมือน เดิมครับ จริง css ตัวนี้ ผมก็ใช้กับเว็บอื่นด้วย 2 เว็บ ไม่มีปัญหา เบราเซอร์อื่นๆ ก็ใช้ได้ครับ
|
| |
|
|
| |
| Date :
2021-06-15 13:04:24 |
By :
Passto |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 02
|
