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.


<body><div class="container">

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

<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>



      float:          left;
      position:       relative;
      padding-left:     50px;

  float:        left;
  height:       50px;
  padding:      50px;
  position:     relative;


#flexslider ul li{
    float: left

Recommended Answers

All 4 Replies

Member Avatar

You tried here?

Well I thought here would of helped.

bit of z-index helped haha

Member Avatar

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.