Daniel Smirnov Daniel Smirnov - 1 year ago 86
CSS Question

Place navbar above <p> element and image

I have this nav bar formatting on my webpage. Desired Format But I would like it to look like this.The navbar is above the image and corresponding paragraph element. Desired Format

The picture is the figure element. Here's the index.html and css file. Thanks!

Answer Source

The problem is you have wrapped the image in nav just put it outside.

Here is your desired menu Working Fiddle

 <nav id="mainnav">
      <a href="index.html">Home</a> |
      <a href="aboutus.html">About Us</a> |
      <a href="rooms.html">Rooms</a> |
      <a href="reserve.html">Reservations</a> |
      <a href="#" target="_blank">Local Weather</a> |
      <a href="#" target="_blank">Directions</a>
  <figure id="main">
    <img src="http://arabland.cc/css/images/testimonial-bg.jpg" width="369" height="268" alt=""/>
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download