Results 1 to 5 of 5

Thread: disappearing navigation buttons while using css background

  1. #1
    Join Date
    Jun 2013
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default disappearing navigation buttons while using css background

    hi

    i'm trying to make a little site and i made my back ground the first time just in html but it wasn't fullscreen.
    so i've been looking around and made in css and it worked great.
    when i was checking things i noticed that one of my navigation buttons on my slideshow disappeared.
    i can't find what the problem is that's causing this
    so i hoped you can look at it and tell me what i'm doing wrong.


    bg in html: http://pastebin.com/EU9yyDsM
    bg in css : http://pastebin.com/jMfL6mGh

    fadeslideshow.js in attachments and you can chose the background, name bg.png or you can replace it.

    thanks
    Attached Files Attached Files
    Last edited by mrMC; 06-25-2013 at 03:43 PM.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,069
    Thanks
    44
    Thanked 3,216 Times in 3,178 Posts
    Blog Entries
    12

    Default

    Please include a link to a live page on your site that contains the problematic code so we can check it out.
    - John
    ________________________

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

  3. #3
    Join Date
    Jun 2013
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by jscheuer1 View Post
    Please include a link to a live page on your site that contains the problematic code so we can check it out.

    hi
    here are the 2 links
    bd with html : http://199.115.230.147/htmlsite
    bg with css : http://199.115.230.147/csssite

    i hope you can help me out.

    thanks

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,069
    Thanks
    44
    Thanked 3,216 Times in 3,178 Posts
    Blog Entries
    12

    Default

    .

    Your page is in violation of Dynamic Drive's usage terms, which, among other things, state that the script credit must appear in the source code of the page(s) using the script. Please reinstate the notice first.


    Well, on the page where the button doesn't appear, the forward button is a 404 Not Found. But that's not the only problem. In order for anything to appear over the 'background', it must be positioned and have a higher z-index (this will work whether it comes before or after the 'background') or be positioned, come after, and have the same z-index or higher as the 'background'.

    That's the principle. In practice in the layout of that page, just add the highlighted:

    Code:
    <div id="fadeshow2toggler" style="position: relative;width:250px; text-align:center; margin-top:10px">
    <a href="#" class="prev"><img src="http://i1295.photobucket.com/albums/b635/Pieter_van_Gool/Knipsel_zps33810075.jpg" style="border-width:0" /></a>  <span class="status" style="margin:0 50px; font-weight:bold"></span> <a href="#" class="next"><img src="http://s8.gva.be/ahimgpath/assets_img_gvl/2012/06/06/2269425/milquet-motorbende-satudarah-mc-kan-voorlopig-niet-verboden-worden-id3047614-1000x800-n." style="border-width:0" /></a>
    </div>
    - John
    ________________________

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

  5. #5
    Join Date
    Jun 2013
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by jscheuer1 View Post
    .

    Your page is in violation of Dynamic Drive's usage terms, which, among other things, state that the script credit must appear in the source code of the page(s) using the script. Please reinstate the notice first.


    Well, on the page where the button doesn't appear, the forward button is a 404 Not Found. But that's not the only problem. In order for anything to appear over the 'background', it must be positioned and have a higher z-index (this will work whether it comes before or after the 'background') or be positioned, come after, and have the same z-index or higher as the 'background'.

    That's the principle. In practice in the layout of that page, just add the highlighted:

    Code:
    <div id="fadeshow2toggler" style="position: relative;width:250px; text-align:center; margin-top:10px">
    <a href="#" class="prev"><img src="http://i1295.photobucket.com/albums/b635/Pieter_van_Gool/Knipsel_zps33810075.jpg" style="border-width:0" /></a>  <span class="status" style="margin:0 50px; font-weight:bold"></span> <a href="#" class="next"><img src="http://s8.gva.be/ahimgpath/assets_img_gvl/2012/06/06/2269425/milquet-motorbende-satudarah-mc-kan-voorlopig-niet-verboden-worden-id3047614-1000x800-n." style="border-width:0" /></a>
    </div>

    thank you .
    you helped me very much

Similar Threads

  1. Navigation Buttons in Fade-In-Slideshow
    By Domenic in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 04-27-2012, 02:37 AM
  2. Navigation Buttons on Conveyor Belt Slideshow
    By Nicolevans in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 05-05-2010, 12:11 AM
  3. Resolved Other navigation/menu buttons won't show
    By mdisch in forum CSS
    Replies: 2
    Last Post: 04-02-2010, 09:09 PM
  4. Stepcarousel v1.6.1 problem reloading an navigation buttons
    By cosmic in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 01-13-2009, 08:47 PM
  5. Step Carousel Viewer navigation buttons
    By ic408 in forum Dynamic Drive scripts help
    Replies: 5
    Last Post: 08-11-2008, 04:58 AM

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
  •