2016-09-15 6 views
0

にエラーになります。私はnavigation.phpページ、design.phpページとfooter.phpページを持っています。 3つのページにはそれぞれ独自の内部CSSがあります。私はindex.phpのincludeコマンドを使って3つのページすべてを追加しています。PHPは「を含む」私は、PHPでウェブサイトを開発していCSS

index.phpを

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

しかしnavigation.phpとfooter.phpでHTML要素のいくつかは、順不同リストulまたはliように同じですが、そのCSSが異なっているとして、このような 何か両方のファイルで私はindex.phpページを開いたときしかしfooter.phpの部品の一部が原因navigation.phpで同じHTML要素ごとに異なるCSSを台無しに取得します。しかし、私がそれらを別々に開いても問題はありません。

ページはこのようなものです:

navigation.php:

<style> 
....css... 
</style> 
<body> 
<ul> 
<li>Home</li> 
<li>Sign Up</li> 
<li>Log In</li> 
</ul> 
</body> 

footer.php

<style> 
...css... 
</style> 
<body> 
<ul> 
<li>Privacy Policy</li> 
<li>Report Bug</li> 
</ul> 
</body> 

これは単なるサンプルコードです。どうすればこの問題を解決できますか?

+0

あなたが同じフォルダに言及し、これらすべてのPHPファイルです??コードの多くは、多くのように真剣にありますので、私はすべての繰り返し、各要素のクラスを設定するため –

+0

屋はすべて同じフォルダ –

答えて

0

私はあなたのdesign.phpの内側にあるものを知っているが、index.phpのために、あなたの様々なPHPファイルで同じスタイルを再定義しているように見えます。この

<?php include_once('header.php');?> 
    <html lang="en"> 
     <head> 
     <title>index.php</title> 
     </head> 

     <body> 
      ..something.... 
     </body> 
     <?php include_once('footer.php');?> 
    </html> 
0

を試してみてくださいDNT。 ul要素にクラスを設定し、ulのスタイルを定義してください。この

header.phpの

<style> 
.header { 
color: red; 
} 
</style> 
<ul class="header"> 
<li>blabla</li> 
<li>bla</li> 
</ul> 

footer.php

<style> 
.footer { 
color: blue; 
} 
</style> 
<ul class="footer"> 
<li>aaa</li> 
<li>bbb</li> 
</ul> 

likleあなたはまた、から<body>タグを削除する必要があります。 htmlページにはbodyタグを1つだけ持つことができます。

+0

そのことはできないでいます。あるページのCSSがincludeを使っているときに他のページに影響を与えないような方法をお勧めしますか? –

+0

あなただけの私はULで行ったように、親オブジェクトにクラスを設定する必要があります。このスタイルはすべての子供にも適用されます。クラスをすべての子供に設定する必要はありません。同じhtmlページで繰り返されるセレクタスタイルがなければ、互いに上書きされます。同じクラスセレクタを異なるスタイルに追加できます。例については、http://www.w3schools.com/css/css_syntax.aspを参照してください。 – Guenther

関連する問題