2017-04-25 10 views
-1

私はウェブサイト開発にはあまり良くありませんが、これは私の段階的なユニットであり、私はそれをすてきにしようとしています。CSS/HTML/PHPはHTMLに適用されていません

私は、クラスを使用しているときには適用されていないHTMLとCSS(おそらくPHPも同様です)で問題が発生しています。

物事は、これまで試みたアイブ: W3Schoolsのエラーチェックを通じてCSSを入れて - クリーン が直接admin.phpではなく、別々のヘッダを通じてCSSを結ぶ - 直接CSSを適用しませ効果 は、入力しようとしました(スタイルタグはありません'style' color:white; "'theadとtableタグの両方に) - 効果なし 私は簡単なスタイリングのためにボトムストラップを使用していますので、これはCSSを圧倒していますか?私のスタイルシートは後で呼び出されているので、これは「そうすべきではない」。

admin.php(私はCSSを適用したいファイル):

<?php 
require 'header.php'; 
?> 
<br><br><br> 

    <table class="aT"> 
    <thead class="aTH"> 
     <td>Member Number</td> 
     <td>Username</td> 
     <td>Forename(s)</td> 
     <td>Surname</td> 
     <td>Email</td> 
     <td>Date Of Birth</td> 
     <td>Age</td> 
     <td>User Type (1 = admin, 2 = Verified Seller, 3 = Unverified Seller)</td> 
     <td>Phone number</td> 
    </thead> 
<?php 
    $result = mysqli_query($link, "SELECT userid, username, forenames, surname, email, dob, age, usergroup, phonenumber FROM members"); 
    while($row = mysqli_fetch_array($result)) { 
    ?> 

    <tbody> 
     <tr> 
      <td id="memberno" contenteditable="true"><?php echo $row['userid']?></td> 
      <td id="username" contenteditable="true"><?php echo $row['username']?></td> 
      <td id="dob" contenteditable="true"><?php echo $row['forenames']?></td> 
      <td id="salutation" contenteditable="true"><?php echo $row['surname']?></td> 
      <td id="forenames" contenteditable="true"><?php echo $row['email']?></td> 
      <td id="surname" contenteditable="false"><?php echo $row['dob']?></td> 
      <td id="email" contenteditable="false"><?php echo $row['age']?></td> 
      <td id="user_type" contenteditable="true"><?php echo $row['usergroup']?></td> 
      <td id="user_type" contenteditable="false"><?php echo $row['phonenumber']?></td> 
     </tr> 

    <?php 
    } 
?> 
</tbody> 

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

header.phpの:

<!doctype html> 
<html> 
<?php 
require 'mysqli.php'; 
?> 
<head> 
    <!-- Latest compiled and minified CSS --> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 

    <!-- Optional theme --> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> 

    <!-- Latest compiled and minified JavaScript --> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 

    <link rel="stylesheet" type="text/css" href="stylesheet.css"> 

    <nav class="navbar navbar-inverse navbar-fixed-top"> 
     <div class="container"> 
     <div class="navbar-header"> 
      <a class="navbar-brand" href="index.php">Ross's Rides</a> 
     </div> 
     <ul class="nav navbar-nav"> 
      <li class="active"><a href="index.php">Home</a></li> 
      <li><a href="buysell.php">Buy/Sell</a></li> 
     </ul> 
     <?php 
      if(!isset($_SESSION)) 
      { 
       session_start(); 
      } 
      if (!isset($_SESSION["admin"]) && !isset($_SESSION["user"]) && !isset($_SESSION["useru"])) { 
       ?> 
      <form method="get" action="login.php" class="btn_1"> 
      <a class="btn btn_2 navbar-btn" href="login.php">Login/Register</a> 
      </form> 
      <?php 
      } 
      else { 
       ?> 
      <form method="get" action="logout.php" class="btn_1"> 
      <a class="btn btn_2 navbar-btn" href="logout.php">Logout</a> 
      </form> 
      <?php 
      } 
      if (isset($_SESSION["admin"])) { 
       ?> 
      <form method="get" action="admin.php" class="btn_1"> 
      <a class="btn btn_2 navbar-btn" href="admin.php">Admin Panel</a> 
      </form> 
      <?php 
      } 
     ?> 
     </div> 
    </nav> 
</head> 

stylesheet.css:

.btn_1 { 
    display:inline; 
    float: right; 
} 

.btn_2 { 
    background-color: black; 
    border-radius: 25px; 
    padding: 10px 10px; 
    color: white; 
} 

.loginBox { 
    padding-top: 100px; 
} 

.submitBtn { 
    background-color: black; 
    border-radius: 25px; 
    padding: 10px 25px; 
    color: white; 
} 

.cancelBtn { 
    background-color: black; 
    border-radius: 25px; 
    padding: 10px 25px; 
    color: white; 
} 

.registerForm { 
    padding-top: 40px; 
} 

.redText { 
    color: red; 
} 

.aT { 
    width: 100%; 
    border: 1px; 
    border: thick; 
    border-color: limegreen; 
    padding: 10px; 
    text-align: left; 
    background-color: black; 
    color: white; 
} 

.aTH { 
    height: 50px; 
} 

を今すぐ私はほとんど私のコードが "完璧"ではない、または "適切な手順"に従っていないことを確信しています。 iveがウェブサイトでそれほど良くないと言ったように私を修正し、確かに何かを学ぶことができます。
タグを後で削除してCSSが正しく適用されるようにしてから、今までのところ私のスケッチを修正したままにします。

すべてのヘルプのための乾杯、ここに私の試みの効果を示すイメージです。 これ以上の情報/写真/その他のものが必要な場合は、お気軽にお気軽にお問い合わせください。 footer.phpにはif文が含まれていますので、ドキュメントには終わりがありません!私のコードで

+0

問題は何ですか?あなたのスタイルが適用されているようです。 https://codepen.io/anon/pen/MmbvOe –

+0

ドキュメントインスペクタまたはコンソールログをチェックして、エラーが報告されているかどうか確認しましたか – happymacarts

+0

コードビューではスタイルが適用されないため、クライアントサイドのエラーである必要があります。私はスタイルがそこに適用されているのを見ていますが、ファイルからウェブサイトを実行しているとき(どのファイルが保存されていますか?)、スタイリングは表示されません。ドキュメントインスペクタやコンソールログについては、Dreamweaverでこれを使用する方法は本当に分かりません。 –

答えて

1

はあなたがすべてのキャッシュのがクリアされていることを確認したスタイルが適用されていませんか?私はこの問題を抱えていました。ホストがファイルを自動的にキャッシュし、クラウドフレアをキャッシュし、クロムがキャッシュしたことに気づく前に、私はかなり苦労していました。

+0

キャッシュをクリアしようとしましたが、それは全く助けにはなりませんでした。 –

+0

CSSはFirefoxにも適用されますが、私はそれがクロームと関係があると思いますので、今はFirefoxで作業しているので、助けてくれて嬉しいです! –

関連する問題