Results 1 to 3 of 3

Thread: Having navbar go over BG Carousel

  1. #1
    Join Date
    Jul 2017
    Posts
    5
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default Having navbar go over BG Carousel

    1) Script Title: Background Image Carousel v1.1

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...bgcarousel.htm

    3) Describe problem:
    Now that I have it working, I was wondering if this is possible: I have a navbar using CSSMenu. I realize this forum doesn't support third party scripts (it's the free one, btw), and that you prefer not to have two scripts on one page, but I'm hoping this is possible. I wanted to move the BGI Carousel up to the top of the page, or as close as I could get it. As the nav bar is up there, it's now right below it. But it cuts out the drop down choices.

    I see how the "optional description" works as a <div>, I used it (with help from here) to add our band logo to the photo slideshow. But I'm guessing any overlay stuff has to be put within the container. Just to see, I tried putting the entire cssmenu script in place of the band logo graphic.

    It didn't like that.

    So is this possible, or do I just have to reconcile myself to having it further down the page? Or is there some way for the CSSMenu to appear in front of it when it drops down?

    The page is here:
    http://hitmanbluesband.com/index_experimental2.html

    Again, thanks for your help.

    - Russ

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,227
    Thanks
    75
    Thanked 3,386 Times in 3,347 Posts
    Blog Entries
    12

    Default

    This is quite common with slideshows and menus. In the styles.css file, around line 30, add the highlighted:

    Code:
    #cssmenu {
      font-family: Montserrat, sans-serif;
      background: #000000;
      z-index: 2000;
    }
    The browser cache may have to be cleared and/or the page refreshed to see changes.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. The Following User Says Thank You to jscheuer1 For This Useful Post:

    therealex (07-07-2017)

  4. #3
    Join Date
    Jul 2017
    Posts
    5
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default Fixed!

    Thanks (again) for the reply. I wasn't aware of z-index, but now that I am, it makes perfect sense.

    At first, it didn't work because I changed the styles.css file in my CSSmenu directory. After a few checks, I was going to copy it over to the server when I realized I didn't HAVE a CSSmenu directory on the server already.

    Ahem. I had put the styles.css file in the root, meaning I changed the wrong file. Once I changed the RIGHT one, it works like a charm.

    Once again, you have come up with the answer. If you like blues, I'd be happy to send you a sampler from my band. We're on tour in the UK right now, and if you enjoy modern blues, you may like this.

    Regardless, thank you so much for this quick and accurate help!

    - Russ

    Quote Originally Posted by jscheuer1 View Post
    This is quite common with slideshows and menus. In the styles.css file, around line 30, add the highlighted:

    Code:
    #cssmenu {
      font-family: Montserrat, sans-serif;
      background: #000000;
      z-index: 2000;
    }
    The browser cache may have to be cleared and/or the page refreshed to see changes.

Similar Threads

  1. Navbar help!
    By Webmonkey7 in forum CSS
    Replies: 0
    Last Post: 05-14-2011, 08:36 PM
  2. Another navbar I need help on
    By ellybean in forum CSS
    Replies: 1
    Last Post: 11-07-2010, 02:21 PM
  3. navBar script
    By lpoleshuck in forum Looking for such a script or service
    Replies: 0
    Last Post: 04-09-2009, 01:33 PM
  4. navbar
    By daniboye in forum JavaScript
    Replies: 7
    Last Post: 10-18-2005, 04:36 PM
  5. Help with top navbar and Iframe
    By brsj in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 02-27-2005, 11:21 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •