I have a flex slider and I want to place a div over the top so I can put a nav bar on there. It's not co-operating with me. Any help will be apreccatied.

Thanks in advance.

HTML

<body><div class="container">

<div id="logo-nav" class="sixteen colums">
    <img src="img/logo-white.png" class="logo">
</div>

<div class="flexslider" id="flexslider">
  <ul class="slides">
    <li><img src="img/slider.jpg" /></li>
    <li><img src="img/slider.jpg" /></li>
    <li><img src="img/slider.jpg" /></li>
  </ul>
</div>

</div></body>

CSS

.logo{
      float:          left;
      position:       relative;
      padding-left:     50px;
  }

  #logo-nav{
  float:        left;
  height:       50px;
  padding:      50px;
  position:     relative;

}

#flexslider ul li{
    float: left
}
Member Avatar for diafol

You tried here?

Well I thought here would of helped.

bit of z-index helped haha

Member Avatar for diafol

he he, my link got snipped - by myself probably! Glad you fixed it.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.