Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Sep 2011
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts

    JQURY SLIDER EXPLORE ISSUES need help

    This is some code for a jquery slider i added to my site. The slider displays fine on all chrome , firefox but not on I.E the thumbnails seem to not want to show up. Any ideas why?

    Code:
    /* Gallery styles */
    
    #gallery{
    	background: url(../img/panel.jpg) repeat-x bottom center;
    	background-color: #ffffff;
    	width: 970px;
    	overflow:hidden;
    	text-align: center;
    }
    
    #slides{
    	/* This is the slide area */
    	height: 410px;
    	/* jQuery changes the width later on to the sum of the widths of all the slides. */
    	width: 970px;
    	overflow: hidden;
    }
    
    #gallery .slide{
    	float: left;
    }
    
    #menu{
    	/* This is the container for the thumbnails */
    	height: 45px;
    }
    
    #menu ul {
    	width: 950px;
    	margin: 0 auto;
    	
    }
    
    #menu li{
    	/* Every thumbnail is a li element */
    	width:60px;
    	display:inline-block;
    	list-style:none;
    	height:45px;
    	overflow:hidden;
    	float:none
    	
    }
    
    #menu li.inact:hover{
    	/* The inactive state, highlighted on mouse over */
    	background: url(../img/pic_bg.png) repeat;
    }
    
    #menu li.act,li.act:hover{
    	/* The active state of the thumb */
    	background: url(../img/active_bg.png) no-repeat;
    }
    
    #menu li.act a{
    	cursor: default;
    }
    
    #menu .fbar{
    	/* The left-most vertical bar, next to the first thumbnail */
    	width: 2px;
    	background: url(../img/divider.png) no-repeat right;
    }
    
    #menu li a{
    	display: block;
    	background: url(../img/divider.png) no-repeat right;
    	height: 35px;
    	padding-top: 10px;
    }

  • #2
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Probably need a link to your site, or at least all your code. You only posted the CSS
    Teed

  • #3
    New Coder
    Join Date
    Sep 2011
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" xml:lang="en" lang="en"> 
    <head> 
    <title>THE BETESH GROUP - MOTION SYSTEMS GALLERY</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/demo.css" media="screen" />
    <script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
    <script type="text/javascript" src="js/slide-script.js"></script>
    </head>
    <body>
    <table cellspacing="0" cellpadding="0" id="wrapper">
    	<tr>
    	<td id="header">
    		<?php include('headermenu.php'); ?>
            
    	</td><!-- #header -->
    	</tr>
    	<tr>
    	<td id="main">
    		<table cellspacing="0" cellpadding="0">
    			<tr>
    				<td id="container">
    					<table cellspacing="0" cellpadding="0">
    						<tr>
    							<td id="content">
    								<div id="gallery">
    								<div id="slides">
    									<div class="slide"><img src="img/sample_slides/bboomslide10.jpg" width="970" height="400" alt="side" /></div>
    									<div class="slide"><img src="img/sample_slides/bboomslide9.jpg" width="970" height="400" alt="side" /></div>
    									<div class="slide"><img src="img/sample_slides/bboomslide8.jpg" width="970" height="400" alt="side" /></div>
    									<div class="slide"><img src="img/sample_slides/bboomslide7.jpg" width="970" height="400" alt="side" /></div>	  
    								    <div class="slide"><img src="img/sample_slides/bboomslide6.jpg" width="970" height="400" alt="side" /></div>
    									<div class="slide"><img src="img/sample_slides/bboomslide5.jpg" width="970" height="400" alt="side" /></div>
    									<div class="slide"><img src="img/sample_slides/bboomslide4.jpg" width="970" height="400" alt="side" /></div>
    									<div class="slide"><img src="img/sample_slides/bboomslide3.jpg" width="970" height="400" alt="side" /></div>	  
                                    	<div class="slide"><img src="img/sample_slides/bboomslide2.jpg" width="970" height="400" alt="side" /></div>
    									<div class="slide"><img src="img/sample_slides/bboomslide1.jpg" width="970" height="400" alt="side" /></div>	  
                                    
                                    </div>
    								<div id="menu">
    									<ul>
    										<li class="fbar">&nbsp;</li>
    										<li class="menuItem"><a href=""><img src="img/sample_slides/bboom10thumb.png" alt"thumbnail" /></a></li>
    										<li class="menuItem"><a href=""><img src="img/sample_slides/bboom9thumb.png" alt="thumbnail" /></a></li>
    										<li class="menuItem"><a href=""><img src="img/sample_slides/bboom8thumb.png" alt="thumbnail" /></a></li>
    										<li class="menuItem"><a href=""><img src="img/sample_slides/bboom7thumb.png" alt="thumbnail" /></a></li>
    									    <li class="menuItem"><a href=""><img src="img/sample_slides/bboom6thumb.png" alt="thumbnail" /></a></li>
    										<li class="menuItem"><a href=""><img src="img/sample_slides/bboom5thumb.png" alt="thumbnail" /></a></li>
    										<li class="menuItem"><a href=""><img src="img/sample_slides/bboom4thumb.png" alt="thumbnail" /></a></li>
    										<li class="menuItem"><a href=""><img src="img/sample_slides/bboom3thumb.png" alt="thumbnail" /></a></li>
                                            <li class="menuItem"><a href=""><img src="img/sample_slides/bboom2thumb.png" alt="thumbnail" /></a></li>
    										<li class="menuItem"><a href=""><img src="img/sample_slides/bboom1thumb.png" alt="thumbnail" /></a></li>
    
                                        </li>
                                        </ul>
    								</div>
    							  </div>
    							</td>
    						</tr>
    					</table>
    				</td>
    			</tr>
    		</table>
    	</td><!-- #main -->
    	</tr>
    	<tr>
    	<td id="footer"><table cellspacing="0" cellpadding="0">
    	  <tr>
    	    <td class="box"><div class="left"> <a href="motionsystems_about.php"><img src="images/motionsys_about.png" width="132" height="132" alt="about babyboom" /></a> </div>
    	      <p><a href="motionsystems_about.php">ABOUT</a></p></td>
    	    <td class="box"><div class="left"> <a href="motionsystems_productgallery.php"><img src="images/motionsys_productgallery.png" width="132" height="132" alt="baby boom product gallery" /></a> </div>
    	      <p><a href="motionsystems_productgallery.php">PRODUCT GALLERY</a></p></td>
    	    <td class="box none"><div class="left"> <a href="motionsystems_brands.php"><img src="images/motionsys_brands.png" width="132" height="132" alt="baby boom brands" /></a> </div>
    	      <p><a href="motionsystems_brands.php">BRANDS</a></p></td>
    	    </tr>
    	  <tr>
    	    <td colspan="3"><p>&copy; 2012 <a href="#">The Betesh Group</a>. All Rights Reserved</p></td>
    	    </tr>
    	  </table></td><!-- #footer -->
    	</tr>
    </table><!-- #wrapper -->
    </body>
    </html>


  •  

    Posting Permissions

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