Question

我对HTML和CSS非常陌生，非常抱歉！我正在尝试将图像添加到标题中，以转到导航的左侧和上方。任何人都可以提供的帮助将是惊人的！

我尝试了两种添加图像的方法，第一种使用，但没有显示（当我在控制台中时，可以在页面上以蓝色突出显示图像“内容”，但是我看不到）图片。第二种方式，我使用a，然后使用下面的css：

body {
    background-color:#4A4849;
    margin: 0 auto;
    font-family:Arial, helvetica, sans-serif;    
}

.Logo {         
        display: inline;
        float:left;
        width: 100%;
        height: 100%;
        background-image: url('../Images/Logo.png');
}

header {
    text-align: center;
    width: 100%;
    height: 15%;
    background-color: white;
    margin: 0;
}

我的完整CSS包括以下内容...我觉得问题在于，因为在控制台中尺寸显示为1304x0（但我能够看到导航），因此我尝试调整标题，这就是为什么它与.topnav重复的原因（请参见下文）：）

.topnav {
        font-weight: bold;
        background-color: white;
        overflow: hidden;
        position: fixed;
        top: 0;
        left 0;
        width:100%;
        height:15%;
       }

.topnav ul  {
        list-style-type:none;
        overflow: hidden;
        margin:0;
        padding: 0;
}

.topnav li  {
            display:inline;
            padding: 0px;
            margin: 0px;

            }

.topnav a {

        float: right;
        color: #4A4849;
        text-align: center;
        padding: 20px 10px;
        text-decoration:none;
        width:10%;
        }

如果任何人都可以提供帮助，那就太好了，因为我根据网上发现的资源尝试了不同的事情！

* HTML，以备不时之需：

<body>
  <header>
      <div class="Logo"></div>

    <nav>
      <div class="topnav">
        <ul>
            <li><a href="Contact.html">CONTACT US</a></li>
            <li><a href="About.html">ABOUT US</a></li>
            <li><a href="GraphicDesign.html">GRAPHIC DESIGN</a></li>
            <li><a href="HouseArt.html">MARKET</a></li>
            <li><a href="Home.html">HOME</a></li>

        </ul>
      </div>

  </nav>
</header>

如何使我的“徽标”图像显示在标题中？

0 个答案: