Question

我有一个在index.php中调用的navbar.php。导航栏看起来很正常，但是在其中一个标签中，我只有徽标一词，我想用实际图像替换它。就像许多网站都拥有它一样。我见过很多人使用引导程序，但是我一点都不熟悉。我要使用的PHP和CSS有什么问题？

navbar.php的路径 project / file.css

image.png的路径 project / img / image.png

navbar.php

originalEndTimeZone

style.css

<div class="navbar">
    <a class="logo" href="#" img src="img/image.png"></a>
    <div class="navbar-right">
        <a class="active" href="../index.php">Home</a>
        <a href="../include/about.php">About</a>
    </div>
</div>

Answer 1

您的HTML标记问题在这里

<a class="logo" href="#" img src="img/image.png"></a>

通过以上标记，您是说超链接应该是图像或应充当图像或类似的东西。这没有道理。

您可以做的是可以访问此网站： http://www.icons8.com并相应地搜索图标。您也可以下载它并将其存储在系统文件夹中。

完成此操作后，可以按如下所示编写上面的代码：

 <div class="navbar">
 <a class="logo" href="#"><span><img src="yourImgURLHere"/></span> </a>
 <div class="navbar-right">
 <a class="active" href="../index.php">Home</a>
 <a href="../include/about.php">About</a>
 </div>
 </div>

希望这会有所帮助。

在导航栏中显示图像

1 个答案: