CODEWITHSUNDEEP
jqueryhtmlcss
Rdcelestial
Rdcelestial

Reputation: 23

Cannot link a page to a slider tab

I'm just a beginner on this, I am trying to add a page on the slider tab,but was not successful, slide working perfectly but when i add the AandG.html to the tab its not working hopping that someone can help me on this. 

<div class="slider-container">
    <div class="mp-slider">
      <div><img src="images/slide-5.png" alt=""><a href="#"></a></div>
      <div><img src="images/slide-4.png" alt=""><a href="#"></a></div>
      <div><img src="images/slide-3.png" alt=""><a href="#"></a></div>
      <div><img src="images/slide-2.png" alt=""><a href="#"></a></div>
      <div><img src="images/slide-1.png" alt=""><a href="#"></a></div>
    </div>
</header>
<!-- Content -->
<section id="content">
  <div class="container_24">
    <div class="grid_24 content-border">
      <div class="top-content-box">
        <ul id="mp-pags-cont">
          <li><a href="AandG.html">Admin &amp; General</a></li>
          <li><a href="#">Sales &amp; Marketing</a></li>
          <li><a href="#">Food &amp; Beverage</a></li>
          <li><a href="#">Rooms </a></li>

here are the JS code for this, 

<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/superfish.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.cycle.all.min.js"></script>

Should i include the whole script here?

Thank you for everyone who's trying to help me out of this box.

Upvotes: 0

Views: 61

Answers (2)

slartidan
slartidan

Reputation: 21598

The posted code works fine. You can run this example, to see, that it works.

<div class="slider-container">
    <div class="mp-slider">
      <div><img src="images/slide-5.png" alt=""><a href="#"></a></div>
      <div><img src="images/slide-4.png" alt=""><a href="#"></a></div>
      <div><img src="images/slide-3.png" alt=""><a href="#"></a></div>
      <div><img src="images/slide-2.png" alt=""><a href="#"></a></div>
      <div><img src="images/slide-1.png" alt=""><a href="#"></a></div>
    </div>

<!-- Content -->
<section id="content">
  <div class="container_24">
    <div class="grid_24 content-border">
      <div class="top-content-box">
        <ul id="mp-pags-cont">
          <li><a href="AandG.html">Admin &amp; General</a></li>
          <li><a href="#">Sales &amp; Marketing</a></li>
          <li><a href="#">Food &amp; Beverage</a></li>
          <li><a href="#">Rooms </a></li>
          </ul>
        </div>
      </div>
    </div>
  </section>

Your actual problem has to be somewhere outside the posted code snippet. Are your sure that your file AangG.html exists? Also check UPPER/lower case in your file name.

Upvotes: 1

Ajith S
Ajith S

Reputation: 51

may be you should use like this 

<div class="mp-slider">
      <div><a href="#"><img src="images/slide-5.png" alt=""></a></div>
      <div><a href="#"><img src="images/slide-4.png" alt=""></a></div>
      <div><a href="#"><img src="images/slide-3.png" alt=""></a></div>
      <div><a href="#"><img src="images/slide-2.png" alt=""></a></div>
      <div><a href="#"><img src="images/slide-1.png" alt=""></a></div>
    </div>

Upvotes: 0

Related Questions