【问题标题】:Position of header, footer and Navigation bar页眉、页脚和导航栏的位置
【发布时间】:2014-04-26 13:26:38
【问题描述】:

我知道在 PHP 中使用 Include 添加页眉和页脚。 但是我们必须设置页眉和页脚的位置吗?还是自动完成?

如果我需要在网站左侧添加导航栏怎么办?

就像在 HTML 中一样,我们使用框架和框架集,我们使用像素来划分内容! 那么它是如何在 PHP 中完成的呢?

我只是举个例子。 索引:

<html>
<body>
<?php
include("header.php"); 
Welcome
include("footer.php");
?>
</body>
</html>

导航:

echo '<form action="checklogin.php" method="post">';
echo 'Username:';
echo '<input type="text" name="username" /> <br />';
echo 'Password:';
echo '<input type="password" name="password" /> <br />';
echo '<input type="submit" name="login" value="Log in" />';
echo '</form>';

我希望 Nav 是静态的。!

【问题讨论】:

  • 请显示一些代码。
  • 你的位置是什么意思?您能否简单地告诉我们您想要实现的目标。
  • 我的意思是它应该是静态的!在左侧!像脸书一样! @Colourity 我更新了我的帖子

标签: php navigation footer


【解决方案1】:

我认为您正在寻求定位 div。

您的 PHP 代码仅用于显示(回显)您的 html 代码。 html 代码的显示方式取决于您的 CSS 而不是 PHP。

http://www.w3schools.com/cssref/pr_class_position.asp

【讨论】:

    【解决方案2】:

    只要我理解你的问题//这是你的答案

    你可以做任何你想要的静态..只需在你的文件中包含另一个文件..

    我的意思是如果你想要你的表单代码是静态的..那么你可以将它添加到你的 header.php 文件或任何地方..

    【讨论】:

    • 耶!我知道!但是导航呢?作为包含 header.php,我还将包含 nav.php!那我该怎么办??它会出现在左侧!?
    • 您可以创建navigation.php 文件并包含它.. 甚至您也可以将它包含在您的header.php 文件中
    • 创建navigation.php文件..写一些代码。 .并将其包含在您的 header.php 文件中。 .我希望这可以结束你的困惑。如果没有,请告诉我。
    • 如果这对您有帮助,请选择它作为最佳答案,亲爱的 :)
    【解决方案3】:

    您应该有一个包含所有元素的父布局。您必须指定必须包含它们的位置,因为这不会自动完成。

    //parent layout example
    <html>
       <head></head>
       <body>
          <?php include("header.php"); ?>
          <div id="container">
             <?php if (//check if you need sidebar here) {
                include("sidebar.php");
             } ?>
    
             <?php include("content.php"); ?>
          </div>
          <?php include("footer.php"); ?>
       </body>
    </html>
    

    你也可以像下面的例子那样嵌套它们:

    //header.php example here
    <header>
       <img src="your/awesome/logo.png" />
       <?php include("nav.php"); ?>
    </header>
    

    编辑: 我看到您正在寻找如何在页面上显示您的元素。这是由 CSS 完成的,与 PHP 无关。

    【讨论】:

      猜你喜欢
      • 2015-10-16
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-09-29
      • 1970-01-01
      • 2014-09-28
      • 2017-09-25
      相关资源
      最近更新 更多