HTML advice

[rufusbear]

Hi everyone,

Im just getting started in html and have gone through a few udemy courses to get me started. Just looking to get some help on something. I am wanting to have a big full screen image with the rest of the content including navigation bar on top of the image.

This is an example of what i am trying to do
http://saltsurf.com/

Just not to sure how i get the navigation and other elements to sit nicely on top. This is the code i have so far,

<header>
<nav>
<img src="resources/img/logo-white.png" alt="mylogo" class="logo">

<ul class="main-nav">
<li><a href="#features">About Me</a></li>
<li><a href="#works">What i offer</a></li>
<li><a href="#cities">Contact Me</a></li>
</ul>
</nav>
<div class="main-image">
<img src="resources/img/main-image" alt="main-image" class="main-image">
</div>
</header>

Hope someone may be able to lend a hand

Many thanks

 

[rufusbear]

Thanks for that, i should have mentioned CSS not HTML thats my fault! Would i have to put the background image on the '<nav>' tag for all the other elements within the '<header>' tag to lay on top?

Thanks for you kind response