Results 1 to 2 of 2

Thread: Styling controls table in Swiss Army Slideshow

  1. #1
    Join Date
    Feb 2010
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Styling controls table in Swiss Army Slideshow

    1) Script Title: Swiss Army Image Slideshow

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

    3) Describe problem: I'm using images to display the controls but I'm seeing a border left and top when mousing over them. On looking at the source I can see that the border is being added, along with padding, to the table id="controls0". I have the contriols0 id specified in my header but although I can control the width and floats etc. I have no success with other specifications. Can you advise on how to style this table? I aiming to have the previous arrow to the extreme left of the screen and the next arrow to the extreme right. Any help would be appreciated. Many thanks.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,127
    Thanks
    44
    Thanked 3,228 Times in 3,189 Posts
    Blog Entries
    12

    Default

    It's hard for me to visualize exactly what you want to do. And I'm not sure what level of expertise and creativity you have as regards css. But perhaps just using the update for this script available here:

    http://www.dynamicdrive.com/forums/e...-Swiss-Army-II

    will be all the help you need. Read through the description to get an idea of how to use it.

    I believe the key will not be so much in styling the table, as in moving the next/prev buttons. Like:

    Code:
    #prev0{
    	position: absolute;
    	top: 100px;
    	left: 0;
    }
    If you put a relatively positioned element around the slideshow, the absolute values will be in relation to it.

    If you're having trouble overriding any of the scripted styles for the table though, and you have the right selector, you may use the !important keyword. For example:

    Code:
    #controls0 {
    	border-width: 0 !important;
    }
    #controls0 td {
    	border-width: 0 !important;
    }
    If you want more help, please include a link to the page on your site that contains the problematic code so we can check it out.
    Last edited by jscheuer1; 11-30-2012 at 02:22 PM. Reason: detail
    - John
    ________________________

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

Similar Threads

  1. Swiss Army Slideshow (2) / controls with images instead of buttons
    By Jongen in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 10-20-2011, 06:22 PM
  2. Swiss Army Slideshow position controls
    By agaldesign in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 06-18-2009, 04:49 AM
  3. Swiss Army Image Slideshow no controls..
    By anna32 in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 02-02-2009, 09:06 AM
  4. Swiss Army Slideshow isolate controls
    By sssrpm in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 02-05-2008, 09:40 AM
  5. Swiss Army Image Slideshow - No Controls
    By kittentaboo in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 01-24-2008, 07:27 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
  •