2017-06-03 33 views
0

私は最初から私の最初のウェブサイトを作成していますが、どこに繰り返されるサイトのセクションのPHPインクルードを使用してコードを減らすことができるかを見ていました。これまで私はhead.phpを持っていました(これは、stylesheet.cssがそこにリンクされており、すべてのページにアクセスする必要があるために追加しました)、header.php、footer.php、index.php、およびPHPの他のページ拡張(約、連絡、その束)。私はそれが一つの問題を除いてみたいところPHPとそれを含む

すべてが表示されている:ボディの背景色を設定する際に、すべてが(すべてが含まれています:header.phpの、footer.php)を体内であるように思われます。私は体の周りに境界を設定することでこれをテストし、私が思ったことを確認しました。

誰かが間違っていると考えているのですか?私は私のヘッダー、フッター、およびインデックスファイル内の他のビットでフレックスボックスを使用していますが、私はそれが何かに影響するとは思わない。

<!DOCTYPE html> 


<?php include 'head.php'; ?> 
    <?php include 'header.php'; ?> 


    <body id="main-block"> 
    <!-- Button links to Portfolio and Other stuff --> 
    <div class="flex-container"> 
     <a class="main-button" href="#">Web Work</a> 
     <a class="main-button" href="#">Other Work</a> 
    </div> 

    </body> 

<?php include 'footer.php'; ?> 
</html> 
+0

ヘッダーとフッターは、本文に '

' – Kazz

+0

でなければなりません...ここ – sensorario

答えて

2

あなたのbodyタグは、ヘッダーとフッターの要素を囲むと仮定します。 uがしたいあなたの要素の背景色を変更した場合、私は本当にあなたの問題を理解していないことを認めるだけのCSS

element { background-color:pink } 
+0

グレートをいくつかのコードを入れて、私はそれを行います。だから、PHPインクルードを使用すると、インクルードは実際にボディの一部になりますか?私は、身体をターゲットとしたどのCSSもそれらに(d)php要素を含むことに影響を与えることを意味していますか?この場合は –

+0

です。何かを含めるたびに、それはラッパーの一部になります(この場合も、タグ)。 Chromeの開発ツールで遊んでみてください。右クリックして要素を検査して、ビュー内のものがレンダリングされている様子を確認します。 –

0

を追加するマークアップ

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    </head> 
    <body> 
    <?php include (header);?> 
    <?php include (footer);?> 
    </body> 
</html> 

下記を参照してください。しかし、私は、PHPのコーディングを開始するためにあなたに少しスニペットをあげる:

<html> 
    <head> 
     <title>Welcome</title> 
     <style> 
      <?php include 'stile.php'; ?> 
     </style> 
    </head> 
    <body> 
     <?php include 'header.php'; ?> 
     <?php include 'footer.php'; ?> 
    </body> 
</html> 
関連する問題