Search code examples
htmlcssbackground-color

background-color problems in css

I encountered a problem when writing this code.

 <body>
    <header>
      <div class="menu">
        <div class="sayfa_ismi"><h1>PAGE TİTLE</h1></div>
            <nav class="menues">
                <ul>
                    <li><a href="index.html" class="home"><p>Home Page</p></a></li>
                    <li><a href="galery.html" class="galery"><p>Galery</p></a></li>
                    <li><a href="stry.html" class="stry"><p>Story</p></a></li>
                    <li><a href="herkes_nerede.html"class="where"><p>Where are the people</p></a></li>
                    <li><a href="iletisim.html" class="iletisim"><p>Contact</p></a></li>
                </ul>
            </nav>
      </div>
    </header>



    </div>
  </body>

in CSS

header{
  position: fixed;
  width: 100%;
  height: 20%;
}

/*************************** title position ************************************/
.sayfa_ismi{
  text-align: center;
}
/*************************** menue position************************************/
nav li{
  display: inline-block;
      margin: 0 8% 0 0;
  }

nav{
  margin: 0 0 0 15%;
}

/*************************** menu links************************************/
.menues a:link{
  color:rgb(255,255,255);
  text-decoration: none;
}
.menues a:hover{
  color:blue;
  background-color:white;
}

.menues a:visited{
  color: blue;
  background-color:#FFFFFF;
  text-decoration: none;

}
/***** header font type and background color *****************************/
header{
  background-color: rgb(59, 113, 255);
  font-family: 'Andada', serif;
  font-size: 110%;
}

I want Header's background color to be rgb(59, 113, 255) and I want the background color to be white when we come to link but don't. How can I fix this?

Solution

  • You should remove p tag inside a tag.

    Here is an updated fiddle: fiddle link

    Hope this helps!