0

すべてのページで使用されるヘッダーとメインメニューのコードを保持する、(今のところ) php コードを使用しない php ファイルがあります。h1 のスタイル クラスを作成したにもかかわらず、CSS ファイルは効果がありません。「TEST」というテキストが表示されますが、スタイルは適用されません。CSS ファイルを適切に含めるにはどうすればよいですか?

mainMenu.php

<!--This code is included within the <head> of each page, and the stylesheet for the header and main menu are included here-->
<link href="styles/headerMenu.css" ref="stylesheet" type="text/css">

<!--Header and menu code-->
<div>
    <h1>TEST</h1>
</div>

index.php

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>untitled</title>
    <?php include ('./includes/mainMenu.php') ?>
</head>

<body>
</body>

</html>
4

5 に答える 5

1

<head>タグ内にメニューが表示されているためだと思います。

CSS は<head>and</head>の間に配置する必要がありますが、残りは<body>タグ内に配置する必要があります

于 2012-10-26T10:20:48.453 に答える
1 
<link href="styles/headerMenu.css" rel="stylesheet" type="text/css">

これは<HEAD></HEAD>

<div>
    <h1>TEST</h1>
</div>

これは<BODY></BODY>

このファイルを 2 つのファイルに分けて、Head と Body に含める必要があります。

于 2012-10-26T10:22:25.913 に答える
1

CSS ファイルが見つかりません。リンクを再確認して修正します。

<link href="menu.css" rel="stylesheet" type="text/css">
                        ^- REL not REF

また、追加の問題を防ぐために、コードの開始タグと終了タグを削除し<head>ます<body>。HTML 要素を出力する方法では、これらのタグを保持すると、間違った HTML が作成されます。それらを削除すると、ページは再び有効な HTML になります。

index.php :

<!DOCTYPE html>
<html>    

    <meta charset="utf-8" />
    <title>untitled</title>
    <?php include ('menu.php') ?>    

</html>

有効な HTML には、バリデーターを介して実行してエラーを早期に発見できるという利点があります。

于 2012-10-26T10:24:25.503 に答える
0

重要な（そして再利用された）htmlを使用してテンプレートファイルを作成します。また<html>、、タグ、<head>および<body>すべてのページに必要なものすべて–スタイルシートおよびメニューとして。

次に、単一の変数を持つコンテンツセクションを追加します。

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>untitled</title>
    <link href="styles/headerMenu.css" rel="stylesheet" type="text/css">
</head>

<body>
    <!--Header and menu code-->
    <div>
        <h1>TEST</h1>
    </div>

    <?php echo $page_content; ?>
</body>

</html>

$page_contentこのように、すべてのページコンテンツは、エコーされる代わりに割り当てられる必要があります。

于 2012-10-26T11:33:00.917 に答える
0

HEAD 部分に HTML コードを含めないでください。HEAD セクションには CSS と JavaScript ファイルのみを含めます。一部のphpファイルでcssまたはimagesパスにプレフィックスを付ける必要があります。
たとえば
、「conn_path.php」という名前の新しい php ファイルを作成します。

<?php
define('SITE_PATH',$_SERVER['DOCUMENT_ROOT'].'siteName/');
define('SITE_HTTP_PATH','http://localhost/'siteName/');
define('CSS_PATH','http://localhost/siteName/styles/');
define('IMAGE_PATH','http://localhost/siteName/images/');
?>

そして、あなたのパスは以下のようになります:- mainMenu.php

<?php include "conn_path.php" ?>
<link href="<?php echo CSS_PATH ;?>headerMenu.css" rel="stylesheet" type="text/css">

プロジェクト全体で役立ちます…</p>

于 2012-10-26T10:53:21.883 に答える