0

i just started learning html and css and tried to do a basic website. But there is a gap between my header picture and my navigation bar and i can't seem to find the problem.

HTML

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div>
<img src="images/banner.gif">
</div>
<div class=navigationbar margin="auto">
<ul>
<div class="color_change">
<li><a href='change_color.php?w=1'><img src='images/black.png'></a></li>
<li><a href='change_color.php?w=2'><img src='images/blanched_almond.png'></a></li>
<li><a href='change_color.php?w=3'><img src='images/orange.png'></a></li>
<li><a href='change_color.php?w=4'><img src='images/dark_red.png'></a></li></div>
<div class=masa>
</div>

</body>
</html>

CSS

*{
 margin: 0%;
 padding: 0%;
 text-decoration: none;
}

body{
background-image: url(../images/backgroundimage.gif);
}

.navigationbar {
background-color: #101010;
width: 100%;
margin: 0%;
}

enter image description here

brombeer
  • 8,716
  • 5
  • 21
  • 27
North
  • 25
  • 6
  • 1
    fyi: `
    ` is now allowd inside `
      `, only `
    • `, `
     – brombeer Mar 29 '21 at 06:26
  • Please only add relevant tags. This issue doesn't seem to be related to PHP at all. – M. Eriksson Mar 29 '21 at 06:38
  • @brombeer Thanks for telling me. I've tried what you told but nothing changed. – North Mar 29 '21 at 06:47
  • Might be the image then. Does it happen in all browsers or just a specific one? – brombeer Mar 29 '21 at 07:22
  • @brombeer ahhh that seems to be the case. Cheers mate. – North Mar 29 '21 at 08:21

1 Answers1

0

I think you forgot to close ul tag and maybe remove the masa class if it's not used.

Sorya
  • 64
  • 2