1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

JavaScript Need help with clicking on header

Discussion in 'Web Development' started by Spollard, Aug 19, 2014.

  1. Spollard

    Spollard New Member

    I downloaded the free CSS Template - Business Free CSS Template with jQuery Slider

    I cannot get the links on the top Line- ie: Home, Services, etc

    All my other links work but this one...

    Any HELP?

    Thanks
     
    Spollard, Aug 19, 2014
    #1
  2. Dawn

    Dawn Community Manager

    Welcome to FWT, Spollard!

    Which template are you referring to? Could you provide the link? Also, I'm not conversant with CSS, but if you could post your code here as well I'm sure one of our other more experienced members could help you out. :)
     
    Dawn, Aug 20, 2014
    #2
  3. Spollard

    Spollard New Member

    Attached is a picture of the Header that Im having issues with
    Its from the Template- Business Free CSS Template with jQuery Slider

    Here is Code that is on there:

    <body>
    <!-- Begin Wrapper -->
    <div id="wrapper">
    <div class="wrapper-inner">
    <!-- Begin Shell -->
    <div class="shell">
    <!-- Begin Header -->
    <div id="header">
    <h1 id="logo">
    <a class="notext" title="NPHSLogo" href="index.html">NPHSLogo</a></h1>
    <!-- Begin Navigation -->
    <div id="navigation">
    <ul>
    <li><a title="Home" href="index.html">Home</a></li>
    <li><a title="Athletics" href="athletics.html">Athletics</a></li>
    <li><a title="About Us" href="aboutus.html">About Us</a></li>
    <li><a title="Gallery" href="gallery/index.php">Gallery</a></li>
    <li><a title="Contact Us" href="contactus.html">Contact Us</a></li>
    </ul>
    <div class="cl">&nbsp;</div>
    </div>
    <!-- End Navigation -->
     

    Attached Files:

    Spollard, Aug 21, 2014
    #3
  4. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    that's a good way to avoid Dawn's question as there are no templates on FWT with jQuery Slider coded in them.
     
    ishkey, Aug 21, 2014
    #4
  5. Spollard

    Spollard New Member

    Spollard, Aug 21, 2014
    #5
  6. Dawn

    Dawn Community Manager

    @Spollard they're not affiliated with us, sorry. But maybe we can help. What do you mean when you say your links don't work? I went to your site (npboosterclub.com, right?) and the links seem to be fine (meaning, they do lead to the pages they're meant to lead to). The only one that doesn't work is Contact Us – it gives a 404 Not Found error. So do check that:
    • You have uploaded your Contact Us page to your server.
    • It has been uploaded to the correct directory, i.e. it is in the same folder as index.html and athletics.html.
    • It is named contactus.html (make sure you name it exactly this, and stick to lower case letters, as that is what is specified in your code).
    Other than that, if you're facing other problems with your links, I'm afraid you're going to have to be more specific as to the nature of the problem. :)
     
    Dawn, Aug 22, 2014
    #6
  7. Spollard

    Spollard New Member

    Thanks so much for the info....Although I cannot get any of those links to work....None of them click at all. I have tried with all 3 operations- IE, Mozilla or Chrome. Not one of them take you to the correct page:mad:
     
    Spollard, Aug 24, 2014
    #7
  8. Dawn

    Dawn Community Manager

    That's strange. Most of the links (aside from the one I mentioned) work for me. What exactly happens when you click on the links?
     
    Dawn, Aug 25, 2014
    #8
  9. Spollard

    Spollard New Member

    The links on the Left Side mid way down the page work for me..

    The Links UP TOP along the top header page like picture I posted above here in this forum.. Do Not work

    Nothing happens when I click on them

    THanks
     
    Spollard, Aug 25, 2014
    #9
  10. Dawn

    Dawn Community Manager

    My best guess in this situation (without much information or CSS knowledge to go on :p) would be that you are using a different browser version from me, and that browser version is rendering your CSS differently, resulting in your links being covered by a div or some other element.

    So a little quick googling gives these few links that might be of help solving your problem:
    http://stackoverflow.com/questions/20251655/css-html-cant-click-on-links
    http://stackoverflow.com/questions/7310052/css-problem-with-absolute-position-it-disable-links
    http://csscreator.com/node/16771

    You can also check your site across several browser versions to see if it displays correctly. Here's some helpful reading:
    http://www.htmlgoodies.com/beyond/css/testing-css-against-multiple-browsers.html
    There are links in there where you can get your CSS checked. I'm using the latest version of Firefox (31.0) and everything appears fine on your site for me, if that helps.

    Otherwise you may wish to post your full HTML and CSS here (hint: you can click the button in the editor that's next to the "Save" icon and a dropdown menu will appear; click on "Code" to start entering your code) and perhaps one of members who knows CSS may be willing to take a look at it for you. Do include the browser versions you're using as well.
     
    Dawn, Aug 26, 2014
    #10
  11. Yen

    Yen Programmer Verified Member

    Hi Spollard,

    Try this:

    Go to the file functions.js, and do this:
    upload_2014-8-26_22-2-13.png

    You either put the forward slashes "//" at the beginning of the line, or simply remove this line.

    See if this works.
     
    Yen, Aug 26, 2014
    #11
    Ruthe and Dawn like this.
  12. Spollard

    Spollard New Member

    AWESOME YEN!!!!! It Worked....THANKS
     
    Spollard, Aug 26, 2014
    #12