Question

下午。

我正在尝试格式化某些表格，但我发现我的所有样式都没有应用于此页面。

我试图删除php，以防它导致出现问题，我尝试使用内联样式，但似乎并不想应用。

任何帮助都将不胜感激。

<?php
   session_start();
   $_SESSION['message'] = '';
   $mysqli = new mysqli("localhost", "User", "password", "DarrenOBrien");

   if ($_SESSION['loggedin']) {
      $result = $mysqli->query("SELECT * FROM products") or die($mysqli->error);
   }
   else {
      header('location: register.php');
   }
?>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Login</title>
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/styles.css">
</head>

<body>
  <!--Navbar-->
   <nav class="navbar navbar-inverse">
     <div class="container">
       <div class="navbar-header">
         <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
           <span class="sr-only">Toggle navigation</span>
           <span class="icon-bar"></span>
           <span class="icon-bar"></span>
           <span class="icon-bar"></span>
         </button>
         <a class="navbar-brand" href="welcome.php">PHP Project </a>
       </div>
       <div id="navbar" class="collapse navbar-collapse">
         <ul class="nav navbar-nav">
           <li><a href="welcome.php">Home</a></li>
           <li><a href="profile.php">Profile</a></li>
           <li class="active"><a href="products.php">Products</a></li>
         </ul>
         <a href="logout.php" class="navbar-brand pull-right">Logout</a>
       </div>
     </div>
   </nav>
   <!--End of Navbar-->

   <div class="container-fluid" id="products">
     <?php
       while($row = mysqli_fetch_array($result)){   //Creates a loop to loop through results
       echo "<table> <tr><td>" . $row['productName'] . "</td><td>" . $row['productDescription'] . "</td></tr>" . "<img style='height: 30px;' src='".$row['productImage']."'>" . "</td></tr>" . "</table>"; //$row['index'] the index here is a field name
       }
     ?>
   </div>
<!-- Required bootstrap scripts -->
  <script src="js/jquery-3.2.1.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
<!-- End of required bootstrap scripts -->
</body>

Answer 1

我正在尝试格式化一些表格。

您使用引导程序，因此需要将表类添加到表中。

echo "<table class=\"table\"> <tr><td>...

但是我发现没有一种风格适用于此页。

检查资产的相对路径，如果从子目录访问该文件，则需要添加斜杠，例如：

<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/styles.css">

你也错过了根。 e.g：

<!doctype html>
<html>
...
</html>

应用样式表很困难

1 个答案: