使用css设置php代码的样式以获得html列表_Php_Html_Css

使用css设置php代码的样式以获得html列表

php html css

使用css设置php代码的样式以获得html列表,php,html,css,Php,Html,Css,我有一个关于用css设计php的问题。在下面的代码中，页面顶部有一个导航栏，它将包括您选择的页面。下面的代码是我喜欢的布局，但我就是不能让它在php代码中工作。它是自动取款机，但它只是一个链接颜色的文本。我不能像第二个代码中那样创建列表，因为它位于foreach循环中我怎样才能得到我想要的结果提前谢谢 <head> <title>Website</title> <style> body {margin:0;} ul {

我有一个关于用css设计php的问题。在下面的代码中，页面顶部有一个导航栏，它将包括您选择的页面。下面的代码是我喜欢的布局，但我就是不能让它在php代码中工作。它是自动取款机，但它只是一个链接颜色的文本。我不能像第二个代码中那样创建列表，因为它位于foreach循环中

我怎样才能得到我想要的结果

提前谢谢

<head>
<title>Website</title>
<style>
    body {margin:0;}

    ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        background-color: #333;
        position: fixed;
        top: 0;
        width: 100%;
    }

    li {
        float: left;
    }

    li a {
        display: block;
        color: white;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
    }

    li a:hover:not(.active) {
        background-color: #111;
    }

    .active {
        background-color: #4CAF50;
    }
</style>


</head>
<body>

<?php

// This is your menu
$items = array("pagina1", "pagina2", "pagina3", "pagina4");
foreach ($items as $item)
{
if (isset($_GET['page']) && $_GET['page'] == $item)
{
    echo '<a href="?page=' . $item . '" class="active"> ' . $item . '</a>';
    $activePage = $item . ".php";
}
else
{
    echo '<a href="?page=' . $item . '"> ' . $item . '</a>';
}
}

// Include your page
if (isset($activePage))
{
include $activePage;
}
else
{
include "pagina1.php";
}

?>

</body>


网站
正文{页边距：0；}
保险商实验室{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#333；
位置：固定；
排名：0；
宽度：100%；
}
李{
浮动：左；
}
李阿{
显示：块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
li a:悬停：未（.active）{
背景色：#111；
}
.主动{
背景色：#4CAF50；
}


正文{页边距：0；}
保险商实验室{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#333；
位置：固定；
排名：0；
宽度：100%；
}
锂
浮动：左；
}
李阿{
显示：块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
li a:悬停：未（.active）{
背景色：#111；
}
.主动{
背景色：#4CAF50；
}






固定顶部导航栏
滚动此页面以查看效果
滚动时，导航栏将停留在页面顶部
一些文字一些文字一些文字一些文字
一些文字一些文字一些文字一些文字
一些文字一些文字一些文字一些文字

您没有添加ul和li标签

    echo '<ul>';
foreach ($items as $item)
    {
echo '<li>';
    if (isset($_GET['page']) && $_GET['page'] == $item)
    {
        echo '<a href="?page=' . $item . '" class="active"> ' . $item . '</a>';
        $activePage = $item . ".php";
    }
    else
    {
        echo '<a href="?page=' . $item . '"> ' . $item . '</a>';
    }
echo '</li>';
    }
    echo '</ul>';

echo''；
foreach（$items作为$item）
{
回音“”；
如果（isset（$\u GET['page']）&&&$\u GET['page']==$item）
{
回声'；
$activePage=$item.“.php”；
}
其他的
{
回声'；
}
回音“”；
}
回声“”；

您没有添加ul和li标签

    echo '<ul>';
foreach ($items as $item)
    {
echo '<li>';
    if (isset($_GET['page']) && $_GET['page'] == $item)
    {
        echo '<a href="?page=' . $item . '" class="active"> ' . $item . '</a>';
        $activePage = $item . ".php";
    }
    else
    {
        echo '<a href="?page=' . $item . '"> ' . $item . '</a>';
    }
echo '</li>';
    }
    echo '</ul>';

echo''；
foreach（$items作为$item）
{
回音“”；
如果（isset（$\u GET['page']）&&&$\u GET['page']==$item）
{
回声'；
$activePage=$item.“.php”；
}
其他的
{
回声'；
}
回音“”；
}
回声“”；

您没有添加

ul

结构

<ul>

<?php

    // This is your menu
    $items = array("pagina1", "pagina2", "pagina3", "pagina4");
    foreach ($items as $item)
    {
        if (isset($_GET['page']) && $_GET['page'] == $item)
        {
            echo '<li><a href="?page=' . $item . '" class="active"> ' . $item . '</a></li>';
            $activePage = $item . ".php";
        }
        else
        {
            echo '<li><a href="?page=' . $item . '"> ' . $item . '</a></li>';
        }
    }

?>

</ul>

您没有添加

ul

结构

<ul>

<?php

    // This is your menu
    $items = array("pagina1", "pagina2", "pagina3", "pagina4");
    foreach ($items as $item)
    {
        if (isset($_GET['page']) && $_GET['page'] == $item)
        {
            echo '<li><a href="?page=' . $item . '" class="active"> ' . $item . '</a></li>';
            $activePage = $item . ".php";
        }
        else
        {
            echo '<li><a href="?page=' . $item . '"> ' . $item . '</a></li>';
        }
    }

?>

</ul>

在开始

foreach

循环之前，添加

echo“”
将循环中的回声更改为以开始，以结束
最后，在foreach
循环之后，添加echo“
”

在开始foreach
循环之前，添加echo“”
将循环中的回声更改为以开始，以结束
最后，在foreach
循环之后，添加echo“
”
您是否正在尝试将带有标记的php页面包含到另一个包含标记的页面中？我认为这可能会导致错误。。。。算了吧，我不明白你的目标..你是想把一个带标签的php页面包含到另一个内标签页面中吗？我认为这可能会导致错误。。。。算了吧，我不明白你的目标…比你更清楚。我已经添加了它们，但没有回声。现在它正在工作！！真是太谢谢你了。我已经添加了它们，但没有回声。现在它正在工作！！它现在正在工作，但当你打开页面时，活动按钮不再是另一种颜色。如果您切换一个页面，它将返回，但在您打开页面时不会返回。@ProgrammerKid如果您在页面第一次打开时检查html，是否在其中一个链接上看到活动的类？否，开始时没有当前页面，因此它将跳过If。如果pagina1
是主页/默认页面，您可以假设如果$\u GET['page']
没有返回任何活动的pagina1
，那么我该如何做呢。您可以在else
语句中为您的菜单项添加另一个if
语句，该语句看起来像else{if（$item='pagina1'）{echo'；}else{echo'；}
您可能需要稍微调整一下，但它应该是关闭的。它现在正在工作，但当您打开页面时，活动按钮不再是另一种颜色。如果您切换一个页面，它将返回，但在您打开页面时不会返回。@ProgrammerKid如果您在页面第一次打开时检查html，是否在其中一个链接上看到活动的类？否，开始时没有当前页面，因此它将跳过If。如果pagina1
是主页/默认页面，您可以假设如果$\u GET['page']
没有返回任何活动的pagina1
，那么我该如何做呢。您可以在else
语句中为您的菜单项添加另一个if
语句，该语句看起来像else{if（$item='pagina1'）{echo'；}else{echo'；}
您可能需要稍微调整一下，但应该很接近。