SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Addict MikesBarto2002's Avatar
    Join Date
    May 2006
    Location
    New York City
    Posts
    317
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question jQuery jCarousel in IE

    I have implemented a jCarousel scroll buttons for a website that I'm working on, but they don't seem to be working in IE7 or IE8. It is just showing the normal scrollbar on the right, but not the buttons like it does in all other browsers (of coourse). Any ideas?

    Code HTML4Strict:
    <!DOCTYPE html>
     
    <head>
    <title>Gallery | The Play Group Theatre</title>
     
    <link rel="stylesheet" type="text/css" href="/css/screen.css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
    <script type="text/javascript" src="/js/bgimgscroll.js"></script>
    <script type="text/javascript" src="/js/aside-dropdown-menus.js"></script>
    <script type="text/javascript" src="/js/jquery.fancybox-1.3.4.pack.js"></script>
    <script type="text/javascript" src="/js/jquery.easing-1.4.pack.js"></script>
     
    <script type="text/javascript" src="/js/jquery.mousewheel-3.0.4.pack.js"></script>
    <script type="text/javascript">
    	$(document).ready(function() {
    		/* This is basic - uses default settings */
    		$("a.single_image").fancybox();
    		/* Apply fancybox to multiple items */
    		$("a.sessions").fancybox({
    			'transitionIn'	:	'elastic',
    			'transitionOut'	:	'elastic',
    			'speedIn'		:	200, 
    			'speedOut'		:	200, 
    			'overlayShow'	:	false,
    			'padding'	:	'16px',
    			'scrolling'	:	'no',
    			'autoDimensions'	:	true
    		});
    	});
    </script>
    <script type="text/javascript" src="/js/staff-switch.js"></script>
    <script type="text/javascript" src="/js/jquery.jcarousel.js"></script>
    <script type="text/javascript">
    	jQuery(document).ready(function() {
    		jQuery('#switches').jcarousel({
    			vertical: true,
    			buttonNextEvent: 'mouseover click',
    			buttonPrevEvent: 'mouseover click',
    			scroll: 2,
    		});
    	});
    </script>
     
    </head>
     
    <body class="gallery">
     
    <div id="wrap">
    	<div id="nav-top">
     
    		<ul>
    			<li><a href="/index.php">Home</a> |</li>
    			<li><a href="/shows-events/this-season.php">Show Season</a> |</li>
    			<li><a href="/shows-events/buy-tickets.php">Tickets</a> |</li>
     
    			<li><a href="/theatre-programs/how-to-register.php">Register</a> |</li>
    			<li><a href="/about-pgt/donate.php">Donate</a> |</li>
    			<li><a href="/mail-list.php">Mail List</a> |</li>
    			<li><a href="/about-pgt/contact-us.php">Contact Us</a> |</li>
     
    			<li><a href="/store.php">PGT Store</a></li>
    		</ul>
    	</div>	<div id="logo"><h1><a href="/index.php"><img src="/pics/logo-3.png" alt="The Play Group Theatre | Home" /></a></h1></div>
    	<div id="header">
    		<img src="/pics/header-background/theater.jpg" alt="The Play Group Theatre" class="active" />
    		<img src="/pics/header-background/laramie-project.jpg" alt="The Laramie Project | Spring 2005" />
    		<img src="/pics/header-background/into-the-woods.jpg" alt="Into the Woods | Spring 2006" />
    	</div>	<ul id="nav-main">
     
    		<li class="nav-main-showsevents-focus"><a href="/shows-events/index.php">Shows &amp; Events</a></li>
    		<li class="nav-main-theatreprograms"><a href="/theatre-programs/index.php">Theatre Programs</a></li>
    		<li class="nav-main-summertheatre"><a href="/summer-theatre/index.php">Summer Theatre</a></li>
    		<li class="nav-main-theatrefacilities"><a href="/theatre-facilities/index.php">Theatre Facilities</a></li>
    		<li class="nav-main-rentals"><a href="/rentals/facility.php">Rentals</a></li>
     
    		<li class="nav-main-whoweare"><a href="/who-we-are/index.php">Who We Are</a></li>
    		<li class="nav-main-aboutpgt"><a href="/about-pgt/our-mission-philosophy.php">About PGT</a></li>
    	</ul>
    	<div id="nav-stretch">&nbsp;</div>	<div id="section">
    		<div id="article">
    			<div id="slides">
    				<div class="active"><img src="/pics/gallery/#.jpg" alt="Joseph and the Amazing Technicolor Dreamcoat | Summer 2010 | The Play Group Theatre" /></div>
     
    				<div><img src="/pics/gallery/#.jpg" alt="SummerStage Series | Summer 2010 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/the-tempest/spring-2010/the-tempest-spring2010.jpg" alt="The Tempest | Spring 2010 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/willy-wonka/spring-2010/willy-wonka-spring2010.jpg" alt="Willy Wonka | Spring 2010 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/toby-and-walter/spring-2010/toby-and-walter-spring2010.jpg" alt="Toby and Walter | Spring 2010 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/13/fall-2010/13-fall2010.jpg" alt="13 | Fall 2010 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/seussical/fall-2009/seussical-fall2009.jpg" alt="Seussical | Fall 2009 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/#.jpg" alt="In Print | Summer 2009 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/#.jpg" alt="Homeroom | Summer 2009 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/#.jpg" alt="The Talent Bee | Summer 2009 | The Play Group Theatre" /></div>
     
    				<div><img src="/pics/gallery/#.jpg" alt="Crossroads | Summer 2009 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/cats/spring-2009/cats-spring2009.jpg" alt="Cats | Spring 2009 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/the-wiz/spring-2009/the-wiz-spring2009.jpg" alt="The Wiz | Spring 2009 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/captain-louie/spring-2009/captain-louie-spring2009.jpg" alt="Captain Louie | Spring 2009 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/romeo-and-juliet/fall-2008/romeo-and-juliet-fall2008.jpg" alt="Romeo &amp; Juliet | Fall 2008 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/urinetown/fall-2008/urinetown-fall2008.jpg" alt="Urinetown | Fall 2008 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/honk/fall-2008/honk-fall2008.jpg" alt="Honk! | Fall 2008 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/#.jpg" alt="Pieces of Reality | Summer 2008 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/#.jpg" alt="The People Garden | Summer 2008 | The Play Group Theatre" /></div>
     
    				<div><img src="/pics/gallery/#.jpg" alt="One Acts | Summer 2008 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/hair/spring-2008/hair-spring2008.jpg" alt="Hair | Spring 2008 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/a-new-brain/spring-2008/a-new-brain-spring2008.jpg" alt="A New Brain | Spring 2008 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/#.jpg" alt="Children’s Letters to God | Spring 2008 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/grand-hotel/fall-2007/grand-hotel-fall2007.jpg" alt="Grand Hotel | Fall 2007 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/#.jpg" alt="The Dinosaur Musical | Fall 2007 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/#.jpg" alt="Unpaved Roads | Summer 2007 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/#.jpg" alt="Radio Waves | Summer 2007 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/#.jpg" alt="Grandfather’s Clock | Summer 2007 | The Play Group Theatre" /></div>
     
    				<div><img src="/pics/gallery/#.jpg" alt="One Acts | Summer 2007 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/#.jpg" alt="Marvin’s Room | Spring 2007 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/a-village-fable/spring-2007/a-village-fable-spring2007.jpg" alt="A Village Fable | Spring 2007 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/once-on-this-island/spring-2007/once-on-this-island-spring2007.jpg" alt="Once On This Island | Spring 2007 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/zanna-dont/spring-2007/zanna-dont-spring2007.jpg" alt="Zanna Don’t | Spring 2007 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/guys-and-dolls/fall-2006/guys-and-dolls-fall2006.jpg" alt="Guys and Dolls | Fall 2006 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/the-secret-garden/fall-2006/the-secret-garden-fall2006.jpg" alt="The Secret Garden | Fall 2006 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/#.jpg" alt="The Jungle Book | Fall 2006 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/#.jpg" alt="A Small Part of the World/Children of the World | Summer 2006 | The Play Group Theatre" /></div>
     
    				<div><img src="/pics/gallery/#.jpg" alt="Lifetimes | Summer 2006 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/#.jpg" alt="Dear Edwina | Summer 2006 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/#.jpg" alt="Second Cup | Summer 2006 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/#.jpg" alt="Alice in Wonderland | Spring 2006 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/#.jpg" alt="A&hellip; My Name is Alice | Spring 2006 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/the-prince-and-the-pauper/spring-2006/the-prince-and-the-pauper-spring2006.jpg" alt="The Prince and the Pauper | Spring 2006 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/godspell/spring-2006/godspell-spring2006.jpg" alt="Godspell | Spring 2006 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/#.jpg" alt="Under the Floorboards | Fall 2005 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/a-man-of-no-importance/fall-2005/a-man-of-no-importance-fall2005.jpg" alt="A Man of No Importance | Fall 2005 | The Play Group Theatre" /></div>
     
    				<div><img src="/pics/gallery/the-wizard-of-oz/fall-2005/the-wizard-of-oz-fall2005.jpg" alt="The Wizard of Oz | Fall 2005 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/cinderella/fall-2005/cinderella-fall2005.jpg" alt="Cinderella | Fall 2005 | The Play Group Theatre" /></div>
    				<div><img src="/pics/gallery/#.jpg" alt="#" /></div>
    				<div><img src="/pics/gallery/#.jpg" alt="#" /></div>
    				<div><img src="/pics/gallery/#.jpg" alt="#" /></div>
    				<div><img src="/pics/gallery/#.jpg" alt="#" /></div>
    				<div><img src="/pics/gallery/#.jpg" alt="#" /></div>
    				<div><img src="/pics/gallery/#.jpg" alt="#" /></div>
    				<div><img src="/pics/gallery/#.jpg" alt="#" /></div>
     
    				<div><img src="/pics/gallery/#.jpg" alt="#" /></div>
    				<div><img src="/pics/gallery/#.jpg" alt="#" /></div>
    				<div><img src="/pics/gallery/#.jpg" alt="#" /></div>
    				<div><img src="/pics/gallery/#.jpg" alt="#" /></div>
    				<div><img src="/pics/gallery/#.jpg" alt="#" /></div>
    				<div><img src="/pics/gallery/#.jpg" alt="#" /></div>
    			</div>
    			<div id="shows-hoverlinks">
    				<ul id="switches" class="jcarousel-skin-tango">
     
    					<li><h3>Summer 2010</h3>
    						<ul>
    							<li>Joseph and the Amazing Technicolor Dreamcoat</li>
    							<li>SummerStage Series</li>
    						</ul>
    					</li>
    					<li><h3>Spring 2010</h3>
     
    						<ul>
    							<li>The Tempest</li>
    							<li>Willy Wonka</li>
    							<li>Toby and Walter</li>
    						</ul>
    					</li>
    					<li><h3>Fall 2010</h3>
     
    						<ul>
    							<li>13</li>
    							<li>Seussical</li>
    						</ul>
    					</li>
    					<li><h3>Summer 2009</h3>
    						<ul>
     
    							<li>In Print</li>
    							<li>Homeroom</li>
    							<li>The Talent Bee</li>
    							<li>Crossroads</li>
    						</ul>
    					</li>
    					<li><h3>Spring 2009</h3>
     
    						<ul>
    							<li>Cats</li>
    							<li>The Wiz</li>
    							<li>Captain Louie</li>
    						</ul>
    					</li>
    					<li><h3>Fall 2008</h3>
     
    						<ul>
    							<li>Romeo &amp; Juliet</li>
    							<li>Urinetown</li>
    							<li>Honk!</li>
    						</ul>
    					</li>
     
    					<li><h3>Summer 2008</h3>
    						<ul>
    							<li>Pieces of Reality</li>
    							<li>The People Garden</li>
    							<li>One Acts</li>
    						</ul>
    					</li>
     
    					<li><h3>Spring 2008</h3>
    						<ul>
    							<li>Hair</li>
    							<li>A New Brain</li>
    							<li>Children’s Letters to God</li>
    						</ul>
     
    					</li>
    					<li><h3>Fall 2007</h3>
    						<ul>
    							<li>Grand Hotel</li>
    							<li>The Dinosaur Musical</li>
    						</ul>
    					</li>
     
    					<li><h3>Summer 2007</h3>
    						<ul>
    							<li>Unpaved Roads</li>
    							<li>Radio Waves</li>
    							<li>Grandfather’s Clock</li>
    							<li>One Acts</li>
     
    						</ul>
    					</li>
    					<li><h3>Spring 2007</h3>
    						<ul>
    							<li>Marvin’s Room</li>
    							<li>A Village Fable</li>
    							<li>Once On This Island</li>
     
    							<li>Zanna Don’t</li>
    						</ul>
    					</li>
    					<li><h3>Fall 2006</h3>
    						<ul>
    							<li>Guys and Dolls</li>
    							<li>The Secret Garden</li>
     
    							<li>The Jungle Book</li>
    						</ul>
    					</li>
    					<li><h3>Summer 2006</h3>
    						<ul>
    							<li>A Small Part of the World/Children of the World</li>
    							<li>Lifetimes</li>
     
    							<li>Dear Edwina</li>
    							<li>Second Cup</li>
    						</ul>
    					</li>
    					<li><h3>Spring 2006</h3>
    						<ul>
    							<li>Alice in Wonderland</li>
     
    							<li>A&hellip; My Name Is Alice</li>
    							<li>The Prince and the Pauper</li>
    							<li>Godspell</li>
    						</ul>
    					</li>
    					<li><h3>Fall 2005</h3>
     
    						<ul>
    							<li>Under the Floorboards</li>
    							<li>A Man of No Importance</li>
    							<li>The Wizard of Oz</li>
    							<li>Cinderella</li>
    						</ul>
    					</li>
     
    					<li><h3>Summer 2005</h3>
    						<ul>
    							<li>Return to the Forbidden Planet</li>
    							<li>Foolish Mortals</li>
    							<li>All’s Well If You Think It Is</li>
    							<li>Brush Strokes&hellip; Visions and Voices</li>
     
    						</ul>
    					</li>
    					<li><h3>Spring 2005</h3>
    						<ul>
    							<li>Into the Woods</li>
    							<li>Starmites</li>
    							<li>The Laramie Project</li>
     
    							<li>A Year With Frog and Toad</li>
    						</ul>
    					</li>
    					<li><h3>Fall 2004</h3>
    						<ul>
    							<li>You’re A Good Man, Charlie Brown</li>
    							<li>Hadleyburg</li>
     
    							<li>Seussical</li>
    						</ul>
    					</li>
    					<li><h3>Summer 2004</h3>
    						<ul>
    							<li>How to Eat Like a Child</li>
    							<li>Sometimes I Wake Up In The Middle of the Night</li>
     
    							<li>Risk</li>
    						</ul>
    					</li>
    					<li><h3>Spring 2004</h3>
    						<ul>
    							<li>Lucky Stiff</li>
    							<li>Inside Out</li>
     
    							<li>Still Life with Iris</li>
    							<li>West Side Story</li>
    						</ul>
    					</li>
    					<li><h3>Fall 2003</h3>
    						<ul>
    							<li>Merrily We Roll Along</li>
     
    							<li>Quilters</li>
    							<li>The Adventures of Tom Sawyer</li>
    							<li>Once Upon a Time</li>
    						</ul>
    					</li>
    					<li><h3>Summer 2003</h3>
    						<ul>
     
    							<li>Honk</li>
    							<li>Family for Sale</li>
    							<li>Life Stories</li>
    						</ul>
    					</li>
    					<li><h3>Spring 2003</h3>
    						<ul>
     
    							<li>School House Rock</li>
    							<li>The Dining Room</li>
    							<li>All I Really Need To Know I Learned In Kindergarten</li>
    							<li>Grease</li>
    						</ul>
    					</li>
    					<li><h3>Fall 2002</h3>
     
    						<ul>
    							<li>The Sound of Music</li>
    							<li>The Mystery of Edwin Drood</li>
    							<li>Charlotte’s Web</li>
    						</ul>
    					</li>
    					<li><h3>Summer 2002</h3>
     
    						<ul>
    							<li>Our NY</li>
    							<li>Dreams&hellip; the Good, the Bad and the Squggly</li>
    							<li>Girltalk</li>
    							<li>Working</li>
    						</ul>
     
    					</li>
    					<li><h3>Spring 2002</h3>
    						<ul>
    							<li>Chess</li>
    							<li>Really Rosie</li>
    							<li>Gorey Stories</li>
    							<li>Station House</li>
     
    						</ul>
    					</li>
    					<li><h3>Fall 2001</h3>
    						<ul>
    							<li>Charlie and the Chocolate Factory</li>
    							<li>Our Town</li>
    							<li>Once Upon a Playground</li>
     
    							<li>Portable Pioneer and Prairie Show</li>
    						</ul>
    					</li>
    					<li><h3>Summer 2001</h3>
    						<ul>
    							<li>Hero’s Journey</li>
    							<li>Fame</li>
     
    							<li>Sandyland</li>
    							<li>Sleep Away</li>
    						</ul>
    					</li>
    					<li><h3>Spring 2001</h3>
    						<ul>
    							<li>The Hobbit</li>
     
    							<li>Hair</li>
    							<li>The Velveteen Rabbit</li>
    						</ul>
    					</li>
    					<li><h3>Fall 2000</h3>
    						<ul>
    							<li>Sound Painting</li>
     
    							<li>Narnia</li>
    							<li>Once Upon a Mattress</li>
    							<li>Twelfth Night</li>
    						</ul>
    					</li>
    					<li><h3>Summer 2000</h3>
    						<ul>
     
    							<li>A Day in the Life</li>
    							<li>The Me Nobody Knows</li>
    							<li>Sweet Dreams</li>
    						</ul>
    					</li>
    					<li><h3>Spring 2000</h3>
    						<ul>
     
    							<li>A Midsummer Night’s Dream</li>
    							<li>Adventures of Tin Tin</li>
    							<li>The Little Prince</li>
    							<li>Bridge to Terabithia</li>
    						</ul>
    					</li>
     
    					<li><h3>Fall 1999</h3>
    						<ul>
    							<li>Tales of a Fourth Grade Nothing</li>
    							<li>Children of Eden</li>
    							<li>The Littlest Angel</li>
    						</ul>
    					</li>
     
    					<li><h3>Summer 1999</h3>
    						<ul>
    							<li>The People Garden</li>
    							<li>Piper</li>
    						</ul>
    					</li>
    					<li><h3>Spring 1999</h3>
     
    						<ul>
    							<li>You’re A Good Man, Charlie Brown</li>
    							<li>The Phantom Tollbooth</li>
    							<li>Godspell</li>
    						</ul>
    					</li>
    					<li><h3>Fall 1998</h3>
     
    						<ul>
    							<li>Out of This World&hellip; and Others</li>
    							<li>The Children’s Hour</li>
    							<li>Once on This Island</li>
    						</ul>
    					</li>
     
    					<li><h3>Summer 1998</h3>
    						<ul>
    							<li>The Red Sneaks</li>
    							<li>The Fabulous Fable Factory</li>
    						</ul>
    					</li>
    					<li><h3>Spring 1998</h3>
     
    						<ul>
    							<li>Girltalk</li>
    							<li>Princess and the Cool Girls</li>
    							<li>When Wishes Come True</li>
    							<li>Sixth Grade Cyrano</li>
    						</ul>
    					</li>
     
    					<li><h3>Fall 1997</h3>
    						<ul>
    							<li>Club Backyard</li>
    							<li>Into the Woods</li>
    						</ul>
    					</li>
    					<li><h3>Summer 1997</h3>
     
    						<ul>
    							<li>Family for Sale</li>
    						</ul>
    					</li>
    					<li><h3>Spring 1997</h3>
    						<ul>
    							<li>The Wiz</li>
     
    							<li>Imaginings</li>
    						</ul>
    					</li>
    					<li><h3>Fall 1996</h3>
    						<ul>
    							<li>Reality Check</li>
    							<li>Pippin</li>
     
    						</ul>
    					</li>
    					<li><h3>Summer 1996</h3>
    						<ul>
    							<li>How to Eat Like a Child</li>
    						</ul>
    					</li>
    					<li><h3>Spring 1996</h3>
     
    						<ul>
    							<li>Lord of the Flies</li>
    							<li>Peter Pan</li>
    						</ul>
    					</li>
    					<li><h3>Fall 1995</h3>
    						<ul>
     
    							<li>Little Shop of Horrors</li>
    						</ul>
    					</li>
    					<li><h3>Summer 1995</h3>
    						<ul>
    							<li>Free to Be&hellip; You and Me</li>
     
    						</ul>
    					</li>
    					<li><h3>Spring 1995</h3>
    						<ul>
    							<li>Joseph and the Amazing Technicolor Dreamcoat</li>
    						</ul>
    					</li>
    				</ul>
     
    			</div>
    		</div>
    	</div>
    	<div id="address">
    		<p>The Play Group Theatre | <em>Westchester’s Theater for children and teens.</em></p>
    		<p>One North Broadway | White Plains, NY 10601 | (914) 946-4433 | Fax: (914) 946-1336 | <a href="/index.php">www.playgroup.org</a></p>
     
    	</div>
    	<div id="footer">
    		<p>Copyright &copy; 2010, The Play Group Theatre.  All rights reserved. | <a href="/privacy.php">Privacy</a> | <a href="/tos.php">Terms of Service</a></p>
    		<ul>
    			<li><a href="/shows-events.php">Shows &amp; Events</a> |</li>
     
    			<li><a href="/theatre-programs.php">Theatre Programs</a> |</li>
    			<li><a href="/summer-theatre.php">Summer Theatre</a> |</li>
    			<li><a href="/theatre-facilities.php">Theatre Facilities</a> |</li>
    			<li><a href="/rentals.php">Rentals</a> |</li>
     
    			<li><a href="/who-we-are.php">Who We Are</a> |</li>
    			<li><a href="/about-pgt.php">About PGT</a></li>
    		</ul>
    	</div></div>
     
    </body>
     
    </html>

    Code CSS:
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent;}
    body {background-color : #000; font-family : Arial; font-size : 100%; line-height : 1;}
    ol, ul {list-style : none;}
    blockquote, q {quotes : none;}
    blockquote:before, blockquote:after, q:before, q:after {content : ''; content : none;}
    /* remember to define focus styles! */
    :focus {outline : 0;}
    /* remember to highlight inserts somehow! */
    ins {text-decoration : none;}
    del {text-decoration : line-through;}
    /* tables still need 'cellspacing="0"' in the markup */
    table {border-collapse : collapse; border-spacing : 0;}
     
    p, blockquote, ul, ol, p.cite, form div {margin-bottom : 1.0em;}
    h2, h3, h4 {margin-bottom : .5em;}
    p, #article ul li, #article ol li, label {font-size : 0.875em; line-height : 1.25em;}
    blockquote, div.summer-schedule, div.vcard {background-color : #98CB00; font-size : .9375em; line-height : 1.25em; margin-bottom : 1em; -moz-border-radius : 10px; -webkit-border-radius : 10px; border-radius : 10px; overflow : auto; padding : 1.0em;}
    p.cite {font-style : italic;}
    p.leading {background-color : #98CB00; -moz-border-radius : 0.5em; -webkit-border-radius : 0.5em; border-radius : 0.5em; font-size : 1.25em; padding : 0.5em;}
    h2 {clear : both; color : #2A5F95; font-size : 2.0em;}
    h3 {clear : both; color : #2A5F95; font-size : 1.5em;}
    div.for-parents h3, div.for-students h3 {font-size : 1.25em; margin-top : 0;}
    h4 {clear : both; font-size : 1.0em; font-weight : bold;}
    ol {list-style-type : decimal;}
    ul {list-style-type : disc;}
    ol li, ul li {margin-left : 2.0em;}
    a {color : #2A5F95;}
    a:hover {color : #6E94AA;}
    input[id="email"] {width : 20em;}
    textarea {height : 20em; width : 30em;}
    .clear {clear : both;}
    h3 span {font-size : 80%;}
    img {border : 10px solid #D3D3D3;}
    img.left, div.left {float : left; margin : 0 1em 1em 0;}
    .left {float : left;}
    .clear {clear : both;}
    .center {text-align : center;}
    .question {background-color : yellow;}
     
    #wrap {margin : 0 auto; padding-top : 1.0em; width : 60em;}
     
    #nav-top {font-size : 0.8125em; margin-bottom : 1.0em; text-align : center;}
    #nav-top ul {list-style-type : none; margin-bottom : 0;}
    #nav-top ul li {display : inline; margin-left : 0;}
    #nav-top ul li, #nav-top ul li a {color : #CCC;}
    #nav-top ul li a:hover {color : #FFF;}
     
    #logo {position : absolute; z-index : 12;}
    #logo img {border : none;}
     
    #header {height : 300px; position : relative;}
    .headerimg {background-position : center top; background-repeat : no-repeat; position : absolute;}
    #header img {border : none; position : absolute; top : 0; left : 0; opacity : 0.0;}
    #header img.active {z-index : 10; opacity : 1.0;}
    #header img.last-active {z-index : 9;}
     
    #nav-main {background-color : #66ACD0; font-size : 0.8125em; list-style-type : none; margin-bottom : 0; overflow : auto; text-align : center;}
    #nav-main li {float : left; margin-left : 0; padding : 0.5em 0; text-align : center;}
    #nav-main li.nav-main-showsevents {border-bottom : 1px solid #000; padding : 0.5em 24px;}
    #nav-main li.nav-main-showsevents-focus {border-right : 1px solid #000; padding : 0.5em 24px 0.5em 23px;}
    #nav-main li.nav-main-showsevents:hover {border-bottom : 1px solid #000; padding : 0.5em 24px;}
    #nav-main li.nav-main-theatreprograms {border-bottom : 1px solid #000; padding : 0.5em 24px;}
    #nav-main li.nav-main-theatreprograms-focus {border-left : 1px solid #000; border-right : 1px solid #000; padding : 0.5em 23px;}
    #nav-main li.nav-main-theatreprograms:hover {border-bottom : 1px solid #000; padding : 0.5em 24px;}
    #nav-main li.nav-main-summertheatre {border-bottom : 1px solid #000; padding : 0.5em 24px;}
    #nav-main li.nav-main-summertheatre-focus {border-left : 1px solid #000; border-right : 1px solid #000; padding : 0.5em 23px;}
    #nav-main li.nav-main-summertheatre:hover {border-bottom : 1px solid #000; padding : 0.5em 24px;}
    #nav-main li.nav-main-theatrefacilities {border-bottom : 1px solid #000; padding : 0.5em 23px;}
    #nav-main li.nav-main-theatrefacilities-focus {border-left : 1px solid #000; border-right : 1px solid #000; padding : 0.5em 22px;}
    #nav-main li.nav-main-theatrefacilities:hover {border-bottom : 1px solid #000; padding : 0.5em 23px;}
    #nav-main li.nav-main-rentals {border-bottom : 1px solid #000; padding : 0.5em 24px;}
    #nav-main li.nav-main-rentals-focus {border-left : 1px solid #000; border-right : 1px solid #000; padding : 0.5em 23px;}
    #nav-main li.nav-main-rentals:hover {border-bottom : 1px solid #000; padding : 0.5em 24px;}
    #nav-main li.nav-main-whoweare {border-bottom : 1px solid #000; padding : 0.5em 24px;}
    #nav-main li.nav-main-whoweare-focus {border-left : 1px solid #000; border-right : 1px solid #000; padding : 0.5em 23px;}
    #nav-main li.nav-main-whoweare:hover {border-bottom : 1px solid #000; padding : 0.5em 24px;}
    #nav-main li.nav-main-aboutpgt {border-bottom : 1px solid #000; padding : 0.5em 24px;}
    #nav-main li.nav-main-aboutpgt-focus {border-left : 1px solid #000; padding : 0.5em 23px 0.5em 24px;}
    #nav-main li.nav-main-aboutpgt:hover {border-bottom : 1px solid #000; padding : 0.5em 24px;}
    #nav-main li.nav-main-showsevents-focus, #nav-main li.nav-main-theatreprograms-focus, #nav-main li.nav-main-summertheatre-focus, #nav-main li.nav-main-theatrefacilities-focus, #nav-main li.nav-main-rentals-focus, #nav-main li.nav-main-whoweare-focus, #nav-main li.nav-main-aboutpgt-focus, #nav-main li.nav-main-showsevents:hover, #nav-main li.nav-main-theatreprograms:hover, #nav-main li.nav-main-summertheatre:hover, #nav-main li.nav-main-theatrefacilities:hover, #nav-main li.nav-main-rentals:hover, #nav-main li.nav-main-whoweare:hover, #nav-main li.nav-main-aboutpgt:hover {background-color : #2A5F95; border-bottom : 1px solid #2A5F95;}
    #nav-main li.nav-main-showsevents:hover, #nav-main li.nav-main-theatreprograms:hover, #nav-main li.nav-main-summertheatre:hover, #nav-main li.nav-main-theatrefacilities:hover, #nav-main li.nav-main-rentals:hover, #nav-main li.nav-main-whoweare:hover, #nav-main li.nav-main-aboutpgt:hover {/*background-color : #98CB00; */border-bottom : 1px solid #000;}
    #nav-main li.nav-main-showsevents-focus a, #nav-main li.nav-main-theatreprograms-focus a, #nav-main li.nav-main-summertheatre-focus a, #nav-main li.nav-main-theatrefacilities-focus a, #nav-main li.nav-main-rentals-focus a, #nav-main li.nav-main-whoweare-focus a, #nav-main li.nav-main-aboutpgt-focus a, #nav-main li.nav-main-showsevents:hover a, #nav-main li.nav-main-theatreprograms:hover a, #nav-main li.nav-main-summertheatre:hover a, #nav-main li.nav-main-theatrefacilities:hover a, #nav-main li.nav-main-rentals:hover a, #nav-main li.nav-main-whoweare:hover a, #nav-main li.nav-main-aboutpgt:hover a {color : #FFF;}
    #nav-main li.nav-main-showsevents:hover a, #nav-main li.nav-main-theatreprograms:hover a, #nav-main li.nav-main-summertheatre:hover a, #nav-main li.nav-main-theatrefacilities:hover a, #nav-main li.nav-main-rentals:hover a, #nav-main li.nav-main-whoweare:hover a, #nav-main li.nav-main-aboutpgt:hover a {color : #FFF;}
    #nav-main li a {color : #2A5F95; text-decoration : none; font-weight : bold;}
     
    #nav-stretch {background-color : #2A5F95; height : .5em;}
    #nav-stretch-2 {background-color : #66ACD0; border-bottom : 1px solid #000; height : .375em;}
     
    #section {background : url("../pics/background-section.gif") repeat-y top center; overflow : auto;}
    body.gallery #section, body.staff #section {background-color : #EBEBEB; background-image : none;}
    body.home #section {color : #FFF;}
     
    #aside {float : left; font-size : 0.8125em; font-weight : bold; padding : 1em; width : 13em;}
    #aside a {color : #000; text-decoration : none;}
    #aside a:hover, #aside a.focus {color : #FFF;}
    #aside ul {list-style-type : none; margin-bottom : 0;}
    #aside ul li {line-height : 1.25em; margin : 0 0 1em 0;}
    #aside ul li ul {margin : 1em 0 0 1em;}
     
    #article {float : right; min-height : 25em; padding : 2em 1em 1em 1em; text-align : left; width : 43em;}
    body.gallery #article, body.staff #article, body.home #article {float : left; padding : 0; text-align : center; width : 60em;}
    div#contact-information div.left, div#contact-information div.right {float : left; text-align : center; width : 21.5em;}
    p.author {font-style : italic;}
    div.for-parents {background-color : #D8D8D8; -moz-border-radius : 0.5em; -webkit-border-radius : 0.5em; border-radius : 0.5em; padding : 0.5em;}
     
    /* Show Information */
    div.show-people {float : left;}
    div.show-performances, div.show-tickets {background-color : #98CB00; -moz-border-radius : .5em; -webkit-border-radius : .5em; border-radius : .5em; float : left; margin-bottom : 2em; padding : .5em; text-align : center; width : 20.25em;}
    div.show-performances {margin-right : .5em;}
    div.show-performances ul, div.show-tickets ul {list-style-type : none;}
    div.show-performances ul li, div.show-tickets ul li {margin-left : 0;}
    span.tickets-available {color : red;}
    ul.ticket-rules {background-color : #98CB00; line-height : 1.25em; margin-bottom : 1em; -moz-border-radius : 10px; -webkit-border-radius : 10px; border-radius : 10px; overflow : auto; padding : 1.0em;}
     
    #address {background-color : #6E94AA; clear : both; color : #233743; padding : .25em 0; text-align : center;} 
    body.home #address {background-color : #6E94AA; border-top : 1px solid #000; clear : both; color : #233743; padding : .25em 0; text-align : center;} 
    #address a {color : #233743;}
    #address a:hover {color : #CCC;}
    #address p {margin-bottom : 0;}
     
    #footer {background-color : #000; clear : both; color : #CCC; font-size : 0.8125em; padding : .5em 0; text-align : center;}
    #footer p {margin-bottom : 0;}
    #footer a {color : #CCC;}
    #footer a:hover {color : #FFF;}
    #footer ul {list-style-type : none; margin-bottom : 0;}
    #footer ul li {display : inline; font-size : 0.8125em; margin-left : 0;}
     
    /* Which Program Chart */
    #which-program-chart {/*background : url("../pics/background-which-program-chart.gif") repeat-y top center; border-top : 1px solid #D3D3D3; border-bottom : 1px solid #D3D3D3; */margin-bottom : 1em; overflow : auto; padding : .5em 0;}
    #which-program-chart a.sessions {background-color : #66ACD0; -moz-border-radius : 0.5em; -webkit-border-radius : 0.5em; border-radius : 0.5em; color : #000; display : block; float : left; line-height : 1.25em; margin-bottom : .25em; padding : .75em .5em; text-align : center;}
    #which-program-chart a.sessions:hover {background-color : #AAA; cursor : pointer;}
    #which-program-chart #sixweeks {background-color : #DDD; float : left; font-weight : bold; margin : 0 0 .25em .25em; padding : .5em 0; text-align : center; width : 42.5em;}
    #which-program-chart #threeweeks-s1 {background-color : #DDD; float : left; font-weight : bold; margin : 0 0 .25em .25em; padding : .5em 0; text-align : center; width : 20.625em;}
    #which-program-chart #threeweeks-s2 {background-color : #DDD; float : left; font-weight : bold; margin : 0 0 .25em .25em; padding : .5em 0; text-align : center; width : 21.625em;}
    #which-program-chart #sixweeks-sidenote {background-color : #AAA; float : left; height : 5em; margin : 0 0 .25em .25em; padding : 2.5em 0 .5em 0; text-align : center; width : 20.625em;}
    #which-program-chart #oneweek-section {float : left; margin : 0 0 .25em .25em; width : 7.25em;}
    #which-program-chart #oneweek {background-color : #DDD; font-weight : bold; margin-bottom : .25em; padding : .5em 0; text-align : center; width : 7.25em;}
    #which-program-chart a.mainstage {margin-left : .25em; width : 41.5em;}
    #which-program-chart a.ss-teen-s1 {margin-left : .25em; margin-right : .25em; width : 19.625em;}
    #which-program-chart a.ss-teen-s2 {width : 20.625em;}
    #which-program-chart a.ss-yae-s1 {margin-left : .25em; margin-right : .25em; width : 19.625em;}
    #which-program-chart a.ss-yae-s2 {width : 20.625em;}
    #which-program-chart a.ss-pgtkids-s1 {margin-left : .25em; margin-right : .25em; width : 19.625em;}
    #which-program-chart a.ss-pgtkids-s2 {width : 20.625em;}
    #which-program-chart a.littletheatre-s1 {margin-left : .25em; margin-right : .25em; width : 19.625em;}
    #which-program-chart a.littletheatre-s2 {width : 20.625em;}
    #which-program-chart a.improv-week {width : 6.25em;}
     
    /* Gallery, Staff & Home */
    #slides {float : left; padding : 0; width : 43.75em;}
    body.staff #slides {float : left; padding : 0; width : 47em;}
    #index-slides {float : left; width : 48.9375em;}
    #slides div, #index-slides div {display : none;}
    body.staff #slides div {padding : .5em;}
    body.staff #slides div img {padding : 0 .5em .5em 0;}
    #slides div.active, #index-slides div.active {display : block; text-align : left;}
    #slides div.active h3 {color : #2A5F95;}
    #slides div img, #index-slides div img {border : none; float : left;}
    #headshot-bio-hoverlinks, #shows-hoverlinks, #index-hoverlinks {background-color : #66ACD0; float : left; height : 28em; padding : 0; width : 16.25em;}
    #headshot-bio-hoverlinks {width : 13em;}
    #headshot-bio-hoverlinks h3, #shows-hoverlinks h3 {color : #2A5F95;}
    #headshot-bio-hoverlinks ul#switches li, #headshot-bio-hoverlinks ul#switches li ul li, #shows-hoverlinks ul#switches li, #shows-hoverlinks ul#switches li ul li {margin-left : 0; padding : .5em 0;}
    #index-hoverlinks {background-color : #2A5F95; height : 25.5em; overflow : hidden; padding : 40px 0 0 0; width : 11.0625em;}
    #index-hoverlinks ul#switches {list-style-type : none;}
    #index-hoverlinks ul#switches li {font-size : .9375em; height : 32px; margin-left : 0; padding-top : 16px;}
    #index-hoverlinks ul#switches li a {color : #000; text-decoration : none;}
    #index-hoverlinks ul#switches li a:hover {color : #FFF;}
    #headshot-bio-hoverlinks ul#switches li ul li:hover, #shows-hoverlinks ul#switches li ul li:hover {color : #FFF;}
    #headshot-bio-hoverlinks ul#switches, #headshot-bio-hoverlinks ul#switches li ul, #shows-hoverlinks ul#switches, #shows-hoverlinks ul#switches li ul {list-style-type : none;}
     
    /* Home Page Slides */
    #shows-and-events, #theatre-programs, #theatre-facilities, #rentals {height : 26em; padding : 1em;}
    #shows-and-events {background : url("../pics/shows-and-events.jpg") #6E94AA;}
    #theatre-programs {background : url("../pics/theatre-programs.jpg") #6E94AA;}
    #theatre-facilities {background : url("../pics/theatre-facilities.jpg") #6E94AA;}
    #rentals {background : url("../pics/rentals.jpg") #6E94AA;}
    #shows-and-events span {float : left; text-align : center; width : 50%;}
    #shows-and-events span img {border : 10px solid #66ACD0; margin : 2.5em 0 1em 54px;}
    #shows-and-events ul {list-style-type : none;}
    #shows-and-events ul li {margin-left : 0;}
     
    /* SeatYourself Campaign */
    div.seat-color {border : 3px solid #D3D3D3; clear : both; float : left; height : 1.5em; margin : 0 .5em 1em 11em; width : 1.5em;}
    div.blue {background-color : #4FB0FD;}
    div.green {background-color : #81FF81;}
    div.red {background-color : #FE735E;}
    div.yellow {background-color : #FFDE63;}
    div.seat-explanation {margin-bottom : 1em;}
     
    /* Contact Us Form */
    form#constantcontact div.left {float : left; width : 21.5em;}
    form#constantcontact div.right {float : left; width : 21.5em;}
    form#constantcontact input[name="first_name"], form#constantcontact input[name="last_name"] {width : 15em;}
    form#constantcontact input[name="email_address"], form#constantcontact input[name="adr_1"], form#constantcontact input[name="adr_2"] {width : 18em;}
     
    /* Fancybox */
    #fancybox-loading {position : fixed; top : 50%; left : 50%; width : 40px; height : 40px; margin-top : -20px; margin-left : -20px; cursor : pointer; overflow : hidden; z-index : 1104; display : none;}
    #fancybox-loading div {position : absolute; top : 0; left : 0; width : 40px; height : 480px; background-image : url("../pics/fancybox/fancybox.png");}
    #fancybox-overlay {position : absolute; top : 0; left : 0; width : 90%; z-index : 1100; display : none;}
    #fancybox-tmp {padding : 0; margin : 0; border : 0; overflow : auto; display : none;}
    #fancybox-wrap {position : absolute; top : 0; left : 0; padding : 20px; z-index : 1101; outline : none; display : none;}
    #fancybox-outer {position : relative; width : 100%; height : 100%; background : #FFF;}
    #fancybox-content {width : 0; height : 0; padding : 0; outline : none; position : relative; overflow : hidden; z-index : 1102; border : 0px solid #FFF;}
    #fancybox-hide-sel-frame {position : absolute; top : 0; left : 0; width : 100%; height : 100%; background : transparent; z-index : 1101;}
    #fancybox-close {position : absolute; top : -15px; right : -15px; width : 30px; height : 30px; background : transparent url("../pics/fancybox/fancybox.png") -40px 0px; cursor : pointer; z-index : 1103; display : none;}
    #fancybox-error {color : #444; font : normal 12px/20px Arial; padding : 14px; margin : 0;}
    #fancybox-img {width : 100%; height : 100%; padding : 0; margin : 0; border : none; outline : none; line-height : 0; vertical-align : top;}
    #fancybox-frame {width : 100%; height : 100%; border : none; display : block;}
    #fancybox-left, #fancybox-right {position : absolute; bottom : 0px; height : 100%; width : 35%; cursor : pointer; outline : none; background : transparent url("../pics/fancybox/blank.gif"); z-index : 1102; display : none;}
    #fancybox-left {left : 0px;}
    #fancybox-right {right : 0px;}
    #fancybox-left-ico, #fancybox-right-ico {position : absolute; top : 50%; left : -9999px; width : 30px; height : 30px; margin-top : -15px; cursor : pointer; z-index : 1102; display : block;}
    #fancybox-left-ico {background-image : url("../pics/fancybox/fancybox.png"); background-position : -40px -30px;}
    #fancybox-right-ico {background-image : url("../pics/fancybox/fancybox.png"); background-position : -40px -60px;}
    #fancybox-left:hover, #fancybox-right:hover {visibility : visible; /* IE6 */}
    #fancybox-left:hover span {left : 20px;}
    #fancybox-right:hover span {left : auto; right : 20px;}
    .fancybox-bg {position : absolute; padding : 0; margin : 0; border : 0; width : 20px; height : 20px; z-index : 1001;}
    #fancybox-bg-n {top : -20px; left : 0; width : 100%; background-image : url("../pics/fancybox/fancybox-x.png");}
    #fancybox-bg-ne {top : -20px; right : -20px; background-image : url("../pics/fancybox/fancybox.png"); background-position : -40px -162px;}
    #fancybox-bg-e {top : 0; right : -20px; height : 100%; background-image : url("../pics/fancybox/fancybox-y.png"); background-position : -20px 0px;}
    #fancybox-bg-se {bottom : -20px; right : -20px; background-image : url("../pics/fancybox/fancybox.png"); background-position : -40px -182px;}
    #fancybox-bg-s {bottom : -20px; left : 0; width : 100%; background-image : url("../pics/fancybox/fancybox-x.png"); background-position : 0px -20px;}
    #fancybox-bg-sw {bottom : -20px; left : -20px; background-image : url("../pics/fancybox/fancybox.png"); background-position : -40px -142px;}
    #fancybox-bg-w {top : 0; left : -20px; height : 100%; background-image : url("../pics/fancybox/fancybox-y.png");}
    #fancybox-bg-nw {top : -20px; left : -20px; background-image : url("../pics/fancybox/fancybox.png"); background-position : -40px -122px;}
    #fancybox-title {font-family : Helvetica; font-size : 12px; z-index : 1102;}
    .fancybox-title-inside {padding-bottom : 10px; text-align : center; color : #333; background : #FFF; position : relative;}
    .fancybox-title-outside {padding-top : 10px; color : #FFF;}
    .fancybox-title-over {position : absolute; bottom : 0; left : 0; color : #FFF; text-align : left;}
    #fancybox-title-over {padding : 10px; background-image : url("../pics/fancybox/fancy_title_over.png"); display : block;}
    .fancybox-title-float {position : absolute; left : 0; bottom : -20px; height : 32px;}
    #fancybox-title-float-wrap {border : none; border-collapse : collapse; width : auto;}
    #fancybox-title-float-wrap td {border : none; white-space : nowrap;}
    #fancybox-title-float-left {padding : 0 0 0 15px; background : url("../pics/fancybox/fancybox.png") -40px -90px no-repeat;}
    #fancybox-title-float-main {color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url("../pics/fancybox/fancybox-x.png") 0px -40px;}
    #fancybox-title-float-right {padding: 0 0 0 15px; background: url("../pics/fancybox/fancybox.png") -55px -90px no-repeat;}
    /* IE6 */
    .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../pics/fancybox/fancy_close.png", sizingMethod="scale"); }
    .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../pics/fancybox/fancy_nav_left.png", sizingMethod="scale"); }
    .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../pics/fancybox/fancy_nav_right.png", sizingMethod="scale"); }
    .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../pics/fancybox/fancy_title_over.png", sizingMethod="scale"); zoom: 1; }
    .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../pics/fancybox/fancy_title_left.png", sizingMethod="scale"); }
    .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../pics/fancybox/fancy_title_main.png", sizingMethod="scale"); }
    .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../pics/fancybox/fancy_title_right.png", sizingMethod="scale"); }
    .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {height : expression(this.parentNode.clientHeight + "px");}
    #fancybox-loading.fancybox-ie6 {position : absolute; margin-top: 0; top : expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');}
    #fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../pics/fancybox/fancy_loading.png", sizingMethod="scale"); }
    /* IE6, IE7, IE8 */
    .fancybox-ie .fancybox-bg { background : transparent !important; }
    .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../pics/fancybox/fancy_shadow_n.png", sizingMethod="scale"); }
    .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../pics/fancybox/fancy_shadow_ne.png", sizingMethod="scale"); }
    .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../pics/fancybox/fancy_shadow_e.png", sizingMethod="scale"); }
    .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../pics/fancybox/fancy_shadow_se.png", sizingMethod="scale"); }
    .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../pics/fancybox/fancy_shadow_s.png", sizingMethod="scale"); }
    .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../pics/fancybox/fancy_shadow_sw.png", sizingMethod="scale"); }
    .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../pics/fancybox/fancy_shadow_w.png", sizingMethod="scale"); }
    .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../pics/fancybox/fancy_shadow_nw.png", sizingMethod="scale"); }
     
    /* Carousel Vertical Scroll */
    .jcarousel-skin-tango .jcarousel-container {background : #66ACD0;}
    .jcarousel-skin-tango .jcarousel-container-vertical {width : 16.25em; height : 28em;}
    body.staff .jcarousel-skin-tango .jcarousel-container-vertical {width : 13em; height : 28em;}
    .jcarousel-skin-tango .jcarousel-clip-vertical {padding : 2em 0 0 0; width : 16.25em; height : 24em;}
    body.staff .jcarousel-skin-tango .jcarousel-clip-vertical {padding : 2em 0 0 0; width : 13em; height : 24em;}
    .jcarousel-skin-tango .jcarousel-item {width : 100%;}
    .jcarousel-skin-tango .jcarousel-item-vertical {margin-bottom : 10px;}
    .jcarousel-skin-tango .jcarousel-item-placeholder {background : #FFF; color : #000;}
    /* Vertical Buttons */
    .jcarousel-skin-tango .jcarousel-next-vertical {position : absolute; bottom : 0px; left : 0; width : 260px; height : 32px; cursor : pointer; background : transparent url("../pics/next-vertical.png") no-repeat 0 0;}
    body.staff .jcarousel-skin-tango .jcarousel-next-vertical {position : absolute; bottom : 0px; left : 0; width : 208px; height : 32px; cursor : pointer; background : transparent url("../pics/next-vertical-staff.png") no-repeat 0 0;}
    .jcarousel-skin-tango .jcarousel-next-vertical:hover {background-position : 0 -32px;}
    .jcarousel-skin-tango .jcarousel-prev-vertical {position : absolute; top : 0px; left : 0; width : 260px; height : 32px; cursor : pointer; background : transparent url("../pics/prev-vertical.png") no-repeat 0 -32px;}
    body.staff .jcarousel-skin-tango .jcarousel-prev-vertical {position : absolute; top : 0px; left : 0; width : 208px; height : 32px; cursor : pointer; background : transparent url("../pics/prev-vertical-staff.png") no-repeat 0 -32px;}
    .jcarousel-skin-tango .jcarousel-prev-vertical:hover {background-position : 0 0;}

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,331
    Mentioned
    463 Post(s)
    Tagged
    8 Thread(s)
    This is not my area at all, but FWIW, I've had IE choke before when I've had a comma after the last line, here highlighted in red after scroll:2—

    Code:
    <script type="text/javascript">
        jQuery(document).ready(function() {
            jQuery('#switches').jcarousel({
                vertical: true,
                buttonNextEvent: 'mouseover click',
                buttonPrevEvent: 'mouseover click',
                scroll: 2,
            });
        });
    </script>
    Try removing that comma and see if it works.

  3. #3
    SitePoint Addict MikesBarto2002's Avatar
    Join Date
    May 2006
    Location
    New York City
    Posts
    317
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question

    Thanks for the advice, and totally missed the comma, thanks! Unfortunately, it still isn't working. Any other ideas?

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,331
    Mentioned
    463 Post(s)
    Tagged
    8 Thread(s)
    It would be better if you could post a live link. Then we can see it in action test a few things. There are too many scripts needed etc to test your code above, and it's not much fun to sort through so much code.

  5. #5
    SitePoint Addict MikesBarto2002's Avatar
    Join Date
    May 2006
    Location
    New York City
    Posts
    317
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question

    Hi, sorry it took so long for me to get back to you, and thanks again for your help. Here's a link:

    http://tesing.jameswebdevelopment.co...to-gallery.php

    Like I said, working great in all browsers except for IE.

  6. #6
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,729
    Mentioned
    104 Post(s)
    Tagged
    4 Thread(s)
    There are also problems in Google Chrome:
    jquery.easing-1.4.pack.js Failed to load resource: the server responded with a status of 404 (Not Found)

    And the #.jpg images that don't exist, the browser is not showing your alt text.

    A solution is to set image height to 52 pixels or more, such as 60 pixels, and the width is large enough, say 630 pixels, or even 100% width.

    Perhaps a better solution though is to not rely on the alt text, and to update the gallery so that you don't need to rely on hacks, and can use normal paragraph elements for text instead.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript


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
  •