Slide Show Issue

My slideshow ends with the last two pictures blured together. I want it to end with the last slide only. It is ok when I view it on my pc. But when I burn it to disk with Premier Elements it ends with the last two slides blured together.

I created the slide show in Photoshop Elements Version 7 which is saved in my videos as a widows media audio/video file. I have burnt it to DVD using 3 different types of software. The last being Photoshop Premier Elements version 12. When I play the DVD the last side does not display clearly. It is overlaid by the prior slide. I have tried deleting a slide. Clicked match slides to video. It plays fine when I run it in Photoshop and finishes on the last slide. But when I play the DVD it does not. I am thinking of adding a text slide to the end that says "The End". But that should not be necessary.

Similar Messages

E72 Screen Saver Slide Show Issues

I have my e72 setup to run a slideshow when it goes into power save mode...
It works fine but after awhile, it goes from slide show mode into displaying a "clock".
I would think it would just repeat the slide show over and over?
What am I doing wrong? Thanks!

There is a max of x (1?) minutes for the power saver.
‡Thank you for hitting the Blue/Green Star button‡
N8-00 RM 596 V:111.030.0609; E71-1(05) RM 346 V: 500.21.009

Elements 9 and a Slide Show issue - help!

I'm using Elements 9 trial and will probably buy it. One problem has to do with Slide Show.
It's a feature the family like to use. I have no problem building a slide show however full screen displays
seem to have a limit on image size......pictures show as distorted or heavily pixelated. As if I'm enlarging a 640x480 image to full HD size.
What am I doing wrong......the example of what I like is how Picasa builds slide shows, full screen images show at actual image size.
This is the only negative I seem to find in my trial of Elements 9.
Thanks for any help.
Steve

Thanks 99jon but it doesn't workk for me.....maybe if I describe my steps
put 29 images in an album
select all 29 images
click create slide show
select preview playback option "high"
click OK
press F11, full screen slide show starts
but no joy, pictures are not sharp and clear, as if I enlarged a 640x480 image on a 24" monitor
originlas are all 3264x2448 so I'd expect good image quality in the slide show.
What am I doing wrong.....
Thanks for any help.

Slide show issues in premier 10

I can't seem to be able to space slides evenly over a specific length of time.. (multi song duration) in Adobe Premier Elements 10. any help would be apprecieated.

There are a number of ways to do this, depending on what exactly you're trying to do.
Among the options are, you can:
1) Designate a specific length for each slide before you create your slideshow;
2) Use one of the slideshow creators to create a slideshow that cuts at specific times; or
3) You can output your slideshow as a video, bring that video into Premiere Elements and then lengthen or shorten it as needed (say to match the length of a song) and it will shorten or lengthen each slide equally.
Just depends on what your goals are and how you're trying to accomplish it.

Spry image slide show issues

when adding this too my site i get the following errors, when it did work locally
SpryPanelSet.js requires SpryWidget.js!
SpryFadingPanels.js requires SpryPanelSet.js!
SpryImageSlideShow.js requires SpryWidget.js!
SpryPanAndZoomPlugin.js requires SpryImageSlideShow.js!
Ive reuploaded my sprywidget.js multiple times with "non corrupted" versions and used a few i found online all still get the same error.
my code goes as follows
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="scripts/jquery.js" type="text/javascript"></script>
<script src="scripts/twitter_search.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryPanelSet.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryFadingPanels.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryImageLoader.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryImageSlideShow.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryPanAndZoomPlugin.js" type="text/javascript"></script>
<style type="text/css">

SpryPanelSet.js requires SpryWidget.js!SpryFadingPanels.js requires SpryPanelSet.js!
SpryImageSlideShow.js requires SpryWidget.js!
SpryPanAndZoomPlugin.js requires SpryImageSlideShow.js!
The above gives you the loading order for each of the 5 JS files.
SpryWidget.js
SpryPanelSet.js
SpryFadingPanels.js
SpryImageSlideShow.js
SpryPanAndZoomPlugin.js
Gramps

IDVD Slide Show Feature - Audio Issues

Looked around in this forum and did not see this specific issue.
I open iDVD, pick a theme, add a slide show, select the pictures out of the media window, and drag them in. Select a play list out of iTunes, and drag it in. Play the show in iDVD, all is wonderful. Burn the disk, put it in the DVD player attached to the TV, and the slideshow plays, but the music hick-ups at every slide transition.
Any ideas?
This also happened to me every time I tried to make a slideshow in the previous version of iDVD. I ended up creating the show in iPhoto or iMovie and importing that, but I guess I'd expect that if Apple put a slide show feature in iDVD, that it would actually work...

+but the music hick-ups at every slide transition.+
Toshiba DVD player? I've experienced that with those players...
Does it play OK in your Mac?

IDVD Slide show audio issue

Slide shows created on iDVD look and sound great during preview, however after burning to disk, audio drops out for about 5 seconds after every 99 slides? I have been told that this is a known issue with iDVD. How can I correct this error??

There are many ways to produce slide shows using iPhoto, iMovie or iDVD and some limit the number of photos you can use (iDVD has a 99 chapter (slide) limitation).
If what you want is what I want, namely to be able to use high resolution photos (even 300 dpi tiff files), to pan and zoom individual photos, use a variety of transitions, to add and edit music or commentary, place text exactly where you want it, and to end up with a DVD that looks good on both your Mac and a TV - in other words end up with and end result that does not look like an old fashioned slide show from a projector - you may be interested in how I do it. You don't have to do it my way, but the following may be food for thought!
Firstly you need proper software to assemble the photos, decide on the duration of each, the transitions you want to use, and how to pan and zoom individual photos where required, and add proper titles. For this I use Photo to Movie. You can read about what it can do on their website:
http://www.lqgraphics.com/software/phototomovie.php
(Other users here use the alternative FotoMagico: http://www.boinx.com/fotomagico/homevspro/ which you may prefer - I have no experience with it.)
Neither of these are freeware, but are worth the investment if you are going to do a lot of slide shows. Read about them in detail, then decide which one you feel is best suited to your needs.
Once you have timed and arranged and manipulated the photos to your liking in Photo to Movie, it exports the file to iMovie as a DV stream. You can add music in Photo to Movie, but I prefer doing this in iMovie where it is easier to edit. You can now further edit the slide show in iMovie just as you would a movie, including adding other video clips, then send it to iDVD 7, or Toast, for burning.
You will be pleasantly surprised at how professional the results can be!
To simply create a slide show in iDVD 7 onwards from images in iPhoto or stored in other places on your hard disk or a connected server, look here:
http://support.apple.com/kb/HT1089

IPhoto slide show; Photoshop issues with external keyboard

I have an external keyboard and an Apple Cinema Display connected as peripherals to my aluminum 15" PB. The keyboard is connected through the Apple Cinema Display. When I disconnect the keyboard to take my PB on the road, I cannot view a slide show in iPhoto nor can I use some photo editing tools in Photoshop. Any ideas as to how I resolve this issue?
Thanks; it took me quite a while to identify this problem.
Kathy

I've asked the hosts to move this topic to the iDVD forum as that's where you'll get the best portential solutions to your questons. It can be done in iDVD but alternatives have been discussed in the iDVD forum many times.
OT

Has anyone had this issue. I created my song from itunes to garage band, took my iphotos to create a slide show and when I burned to idvd there are several pauses during playback?

Has anyone had this issue. I created my song from itunes to garage band, took my iphotos to create a slide show and when I burned to idvd there are several pauses during playback?

Hi
SlideShow in iDVD has a 99 photo limit - more than this and all sorts of error occures.
One can have more than one SlideShow on a DVD = X times 99 photos.
or assemble SlideShows in a movie editor (no limit at least not under 650 photos)
(only limit is Time in iDVD (movie time + MENU time --- 60 min or 120 min on SL-DVD and about twice on DL.-DVD )
I use
• iMovie up to HD6 - or -
• FinalCut any version
As they will give a better quality than iMovie'08 or 09 or 11 can do.
Yours Bengt W

Lightroom 3 Slide Show Quality Issues Anyone?

I am experiencing slideshow quality issues with LR 3.2 using Canon 5D MKII 21 Mp RAW files. My Canon Digital Rebel 6 Mp RAW files produced high-quality slideshow PDFs using LR1 and LR2. The 5DMKII RAW files produce soft PDF imaging, regardless of preview rendering or slide show export settings in LR3, and I HAVE TRIED EVERYTHING! I then went back and tried doing a LR3.2 slideshow PDF with my Digital Rebel 6Mp files and they are much higher resolution, regardless of the settings in LR 3.2 – The exact opposite of my 5DMKII slideshows. Go figure, the 6Mp images are superior in LR 3 slideshow than the 21Mp 5DMKII images!
I developed a simple work around that improves the quality of slideshow PDFs when using larger Mpixel file images:
1)      Select the images you want use for your slideshow and export them to JPEG, sRGB, 80-100% Quality, Resize to fit: 1536 x 1024 Resolution, NO Output Sharpening
2)      Import the 1536 x 1024 JPEG files and place them into a collection, sort their order, and add caption or title information if needed.
3)      Open the collection in Slideshow Module and select a template you like, or create your own custom template.
4)      Play the slideshow and let it create previews when prompted. Adjust slideshow template settings until happy with the layout.
5)      When finished with the slide show template, save as it as a ‘New Template’ for future use.
6)      Next select ‘Export PDF Slideshow,’ Quality 80-100, Width 1600, Height 1200, and Save.
7)      View the slideshow ‘Full Screen’ in PDF reader. It should have much higher resolution than normal slideshow export when using > 8 Mp files.
It takes a few extra steps, but not much additional time to create slideshows using this method.
Adobe must be aware of this problem, and probably does not apply sharpening to files >8Mp for PDF slideshow export to correct for over sharpening of Portrait images. This is just a guess! If you export RAW images to full size JPEGs and use these JPEG files to create a PDF slideshow, the Portrait images will look over-sharpened in Adobe reader! Using my work around process, the landscape and portrait images appear fairly uniform in sharpness, even though the portrait images are 2/3 the resolution of the portrait images ( 1024 x 683 versus 1536 x 1024). This is one of the issues Adobe needs to correct with the Slideshow Module PDF Export program module.
That must be hard to do! Let’s see, who is the developer of Acrobat and PDF format…Oh I forgot it’s ADOBE! As a 45-year veteran of the computer technology industry I've seen worse things, but this is very disappointing when you consider Lightroom is now a “mature” version 3 generation program! Yes, Separate slideshow programs are available, but why should you need to use one if all you want is “basic” slideshow capability!

After much trial and error I discovered using the 'Widescreen' template provided in the slideshow module provides very sharp imaging for PDF export. I haven't tried video export, but I would assume it is similar. I cannot explain why this is, because even when I change the guides from 0px to say 60px (i.e. no longer widescreen fill) the images are sharper than using any other template.
Try using 'Widescreen' template. Then try adjusting the guides using 'Widescreen’ template, and save as a new user template. I have no idea why it makes a difference, but it does!

Premiere Elements 11 Slide Show Resolution Issue

Whenever I make a slide show using Premiere Elements 11, it significantly reduces the resolution of my pictures. How do I fix this?

Pat
A workflow for you to explore....
Premiere Elements 11 presumed on Windows 7, 8, or 8.1 64 bit in a NTSC setup
1. Batch crop/resize your photos to 1920 x 1080 16:9
2. Open Premiere Elements 11 its Expert workspace
Go to File Menu/New/Project and Change Settings
In Change Settings, set the project preset to
NTSC
DSLR
1080p
DSLR 1080p30 @29.97
In the new project dialog that you see immediately before closing out of that area, make sure to have a check
mark next to "Force Selected Project Setting on This Project".
3. Back in the Expert workspace, use Add Media/Files and Folders/Project Assets to import your 100
photos into the project. (You can arrange your photos in order in a folder and then import the folder into the
project. When your drag that folder from Project Assets to the Timeline, the folder disappears and you have
all your photos on the Timeline in order. In your naming of the files, you might want to consider 0001 to 0100.
4. When it comes to export...
For 856 x 480 @ 29.97 interlaced frames per second (when the video is stretch for display after encoding)
Publish+Share
Disc
DVD disc
with preset = NTSC_Widescreen_Dolby DVD
For 1920 x 1080 @ 29.97 interlaced frames per second - plays on Blu-ray or multimedia player, not DVD player
Publish+Share
Disc
AVCHD disc (this is going to be for DVD disc)
with preset = H.264 1920 x 1080i NTSC Dolby
For 1920 x 1080 @ 29.97 interlaced frames per second - plays on Blu-ray or multimedia player, not DVD player
Publish+Share
Disc
Blu-ray (this is going to be for Blu-ray disc)
with preset = H.264 1920 x 1080i NTSC Dolby
The Premiere Elements 11 project preset which is the same for all of the outputs, gives the sharpest end product
photos at the DVD-VIDEO on DVD disc level. Photo clarity should be the major perk of what is described above.
Please review and consider.
Thank you.
ATR

IPhoto slide show not able to open Itunes library - Authorization issue

When I open Itunes, i can play all my purchased music fine. But when I open IDVD or an IPhoto slide show that uses purchased music, it constantly asks to authorize the computer to play the song again. Its to the point where I cannot even open idvd without that authorization window coming up over and over again making it impossible to use those applications at all! Iphoto slideshow won't even open my library since my first song is a purchased one!
What is going on?
Also...Now i am using up all my authorizations to play these songs and I just have three computers!!!

Hi Abigail,
Upgrade your Quicktime to the latest version.
You are not using up your authorizations so don't worry. When you get to the limit, you have the opportunity to de authorize all computers and you can then authorize just the computers you want again.
Lori

A How To: Create a Widescreen High Definition Slide Show from the Organizer

[EDIT] I just tried another one and, weirdly, that produced an output with black bars around all four sides! So maybe this 'how to' is not 100%. I have considered deleting the post altogether but, as it does still produce a superior slideshow quality file than the standard ones provided with Elements, I've decided to leave it with this edit added at the top for additional info.[END_EDIT]
In answering a question in another forum I found a nice quick way to create proper widescreen high definition slide shows from just the Elements Organizer. Apologies if this is 'old news' to readers, but I've not seen this described elsewhere so I thought I'd share it.
The Organizer Slide Show creator, if not wanting to edit in PRE, provides a small set of Windows Media Player profiles to create .wmv files. But the best of these goes only to 1024x768 (a 4:3 monitor resolution setting). I've noticed, but never paid much attention to, that at the bottom of the Slide Size box there is a 'Browse for more' option that lets you search for additional Windows Media Encoder profiles. Investigation showed me that I can download the Windows Media Encoder software from Microsoft and create my own profiles. But even further investigation showed me that someone had already done this! I've tested their full HD profile and it works just fine (1920x1080).
So if you are just after a straightforward slide show (i.e. not needing PRE features) but want it displayed on your Full HD TV set here is what you do:
Download the HD Profiles from http://forums.nexusmods.com/index.php?/topic/236895-hd-profiles-for-windows-movie-maker/. There's also a couple of useful SD sizes there as well. Save them somewhere you can easily find them.
Create your slide show in the Organizer. Obviously use appropriately sized images for HD. There's little point outputting an HD wmv file using low resolution and/or 4:3 aspect ratio images.
Save and Output your slide show.
In the output dialog ('Save As a File') scroll down to the bottom of Slide Size and select 'Browse for more ...'.
Browse to the file you downloaded in step 1 and click Open.
Click OK and your Widescreen HD .wmv file is prepared.
Here's a Gspot analysis of my test output file. As you can see it is an HD file with a 16:9, square pixel, aspect ratio.
Ta Da!
Cheers,
Neale
Insanity is hereditary, you get it from your children
If this post or another user's post resolves the original issue, please mark the posts as correct and/or helpful accordingly. This helps other users with similar trouble get answers to their questions quicker. Thanks.

nealeh
You did not mention a specific Premiere Elements Elements Organizer combo for this, so for now I will address this from the version 11, not Windows Movie Maker, perspective if I need to get version specific.
.prx
The Browse for More is a well known route and does offer at least one Adobe profile for 1280 x 720 16:9. I am not sure where you came up with the lesser resolution,1024 x 768 that you mentioned. The Windows Media profiles have existed for several versions of Elements Organizer. Those Adobe ones that you do not see under Output Save As A File Movie (.wmv), can be found in the Windows 7 or 8 64 bit path
Local Disc C
Profile Files (x86)
Adobe
Elements 11 Organizer
Assets
Locale
en_US
tv_profiles
in the tv_profiles Folder are included the .prx files
.....10. 640 x 480 Enhanced Definitions
.....12. 852 x 480 Widescreen Enhanced Definition
.....14 1280 x 720 Widescreen High Definition
A homemade 1920 x 1080 16:9 30 frames per second .prx has long been sought but not that easily produced by many using with the Windows Media Encoder Editor. Apparently you have found one online, and it does get accepted into the Premiere Elements 11 Browse for More choices. And, if you do a gspot readout for the wmv output from Elements Organizer 11, it will display all the "right" properties that you hoped for and that are shown in your screenshot.
The bottom line, why bother with the wmv slideshow? If you take your original photos and size them for 1920 x 1080 16:9, use them in the Elements Organizer 11 Slideshow Editor (Crops used in preferences), use the Edit with Premiere Elements Editor command, what you get in Premiere Elements 11 is full and good in all regard. Have you tried it?
I can see your interest if this is HD going to HD (AVCHD on DVD or Blu-ray disc format on Blu-ray disc, but I do not see this for an Elements Organizer Slideshow that is going to DVD-VIDEO widescreen.
More later.
ATR

Final cut pro crashing with slide show photos

I am working with a large slide show - a few movie clips, but mostly still images from Aperture. The photos were shot wtih a Nikon D300 in Raw, not that I think that matters much at all.
Becasue this is a slide show I am working wth short durations for the images - usually 3:14. Most of the transitions are simply cross dissolve, but some are more complex.
I am getting again and again crashes - or the spinning color circle going to oblivion and requiring a Force Quit.
Either can happen when adding new material, moving arround existing material, or trying to reset durations, add text, different transitions, or working wth the Ken Burns options. Sometimes it also happens when resizing the time line zoom level.   This marvelous feature seems the most consistent way of trashing the application so I tend to leave it alone.
I may be able to work for an hour or only a few minutes. Sometimes deleting and re-adding an image seems to help, but that may not be true - most of the time it's just simply random.   The system has 14 Gig Ram and I am using iCleanMemory now to see how much is in play. A crash / freeze may occur with a lot or a little - usually looks like I have about 8.9 Gig in play for normal use of Final Cut and no clear change when it crashes / freezes.
Clearly the images are compatible - they are from Aperture and there is no consistency in always the same image being the issue.
Below is the first part of the error report dump.
Hoping someone has an idea for how to overcome this.
Appreciate the thoughts.
Cheers -
Dan
Process:         Final Cut Pro [1012]
Path:            /Applications/Final Cut Pro.app/Contents/MacOS/Final Cut Pro
Identifier:      com.apple.FinalCut
Version:         10.0 (179114)
Build Info:      ProEditor-179110400~1
App Item ID:     424389933
App External ID: 3491984
Code Type:       X86-64 (Native)
Parent Process: launchd [202]
Date/Time:       2011-08-17 17:57:45.775 -0600
OS Version:      Mac OS X 10.7.1 (11B26)
Report Version: 9
Interval Since Last Report:          50891 sec
Crashes Since Last Report:           1
Per-App Interval Since Last Report: 2401 sec
Per-App Crashes Since Last Report:   1
Anonymous UUID:                      D1C2721F-974C-4845-BFD9-2EA572309772
Crashed Thread: 17 CVDisplayLink
Exception Type: EXC_BAD_ACCESS (SIGBUS)
Exception Codes: KERN_PROTECTION_FAILURE at 0x000000010371ed40
VM Regions Near 0x10371ed40:
    IOKit                  00000001036ff000-0000000103700000 [    4K] rw-/rw- SM=ALI
--> MALLOC_TINY            0000000103700000-0000000103800000 [ 1024K] rw-/rwx SM=COW
    MALLOC_SMALL           0000000103800000-0000000103885000 [ 532K] rw-/rwx SM=ZER
Application Specific Information:
objc[1012]: garbage collection is OFF

Well, I filmed many of those videos in HDV (the 2x2 wall, the 5x5 wall and some of the 10x10 wall). Plus I converted the whole project to HDV because it is the way I displayed it (thru camera to Plasma TV's) and I wanted the HD space to work with and since part of my videos were HDV I figured that would be best.
Of course the DV footage is not so good quality, but when made very small for that big screen it looks fine I think. Yeah the AIC codec is great but it takes 4 times as much room, but you think that would work better hey?
I just don't want Final Cut crashing like that. I don't care if it can't play it back in real time or it takes 10 seconds to display 1 frame.
I have not used motion....would it work for what I did. Remember I used over 100 discreet video streams I had. I don't want to replicate the same layer...you get the drift.
Did you see it in youtubes HD? What did you think of the quality?

Problem with jquery slide show conflict with vertical navigation menu in Firefox & Chrome

Problem with jquery slide show conflict with vertical navigation menu in Firefox & Chrome. Works in IE. This is my first time trying to post a question - so please be kind. I am also not good with code and am finding css a real challenge after learning to design based on tables. I'm using CS5.
The "test" page with the slide show is: http://www.reardanwa.com/index-slides.html   The same page without the slide show is http://www.reardanwa.com/
I realize the images are not ideally sized - I'll fix those once I get the pages to function. Maybe I need a different slide show? I would prefer a widget that I can modify to required size & postition. Again - I'm not good at building with code from scratch.
The problem is the naviagation links that are directly next to the slide show do not work in Firefox of Chrome. They do work in IE.
I've read about using jQuery.noConflict(); code but can't figure out the correct way to use it in my case or whether that's even part of the solution. I know my code is not well organized as I have cobbled together from various sources in an attempt to format the page the way the client wants it. Also, FYI, I will eventually try to make the page work in Surreal CMS.
I've spent sevaral days over the last several weeks trying to solve sth slide show/navigation conflict - so any specific light you can shed will be much appreciated.
Thanks in advance.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Reardan Area Chamber of Commerce</title>
<meta name="description" content="home page for Reardan Area Chamber of Commerce" />
<meta name="keywords" content="Reardan WA, chamber of commerce" </>
<script src="scripts/jquery-1.6.min.js" type="text/javascript"></script>
<script src="scripts/jquery.cycle.all.js" type="text/javascript"> </script>
<script type="text/xml">
</script>
<style type="text/css">
                              #slideshow {
                                  padding: 10px;
                                        margin:0;
                              #slideshow-caption{
                                        padding:0;
                                        margin:0;
                              #slideshow img, #slideshow div {
                                  padding: 10px;
                                  background-color: #EEE;
                                  margin: 0;
body {
          font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
          background: #004B8D;
          margin: 0;
          padding: 0;
          color: #000;
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
          padding: 0;
          margin: 0;
h1, h2, h3, h4, h5, h6, p {
          margin-top: 0;           /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
           /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
.left
position:absolute;
left:0px;
.center
margin:auto;
width:95%;
.box
          position:relative;
          left:-90px;
          width:950px;
          height:350px;
          border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
          z-index:1000;
.slide{
    position:absolute;
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
          border: none;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
          color: #42413C;
          text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
a:visited {
          color: #6E6C64;
          text-decoration: underline;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
          text-decoration: none;
/* ~~this fixed width container surrounds the other divs~~ */
.container {
          width: 960px;
          min-height:900px;
          padding:5px 0px 0px 0px;
          background: #E8F8FF;
          margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
          background: #E8F8FF;
          padding:10px 5px 0px 5px;
.sidebar1 {
          float: left;
          width: 225px;
          margin: 60px;
          color: #FFFF0D;
          background: #595FFF;
          border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
          padding: 5px 5px 0px 5px;
    border: 3px solid #F7F723;
    z-index:-1;
.sidebar2 {
          float: left;
          width: 275px;
          color: #FFFF0D;
          text-align: left;
          background: #595FFF;
          padding-bottom: 10px;
          border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border: 3px solid #F7F723;
    z-index:2;
.sidebar3 {
          float: left;
          width: 275px;
          color: #FFFF0D;
          text-align: left;
          background: #595FFF;
          padding-bottom: 10px;
          border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border: 3px solid #F7F723;
    z-index:3;
.content {
          padding: 0px 0px 0px 0px;
          width: 780px;
          float: left;
          background: #E8F8FF;
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
          padding: 0px 15px 5px 10px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
          list-style: none; /* this removes the list marker */
          border-top: 0px solid #FFFF66; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
          margin-bottom: 50px; /* this creates the space between the navigation on the content below */
          font: Arial Black, Verdana, , Helvetica, sans-serif;
          font-size:1.3em;
          font-weight:bold;
          z-index:2;
ul.nav li {
          border-bottom: 0px solid #FFFF66; /* this creates the button separation */
          font: 120%/1.4 Arial Black, Verdana, , Helvetica, sans-serif;
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
          padding: 3px 0px 5px 0px;
          display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
          width: 185px; /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
          text-decoration: none;
          color: #FFFF0D;
          background: #595FFF;
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
          background: #595FFF;
          font: 120%/1.4 Arial Black, Verdana, , Helvetica, sans-serif;
          color: #FFFFFF;
/* ~~ The footer ~~ */
.footer {
          padding: 10px 0;
          background: #595FFF;
          color: #FFFF0D;
          position: relative;/* this gives IE6 hasLayout to properly clear */
          clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
          float: right;
          margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
          float: left;
          margin-right: 8px;
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
          clear:both;
          height:0;
          font-size: 1px;
          line-height: 0px;
-->
</style>
</head>
<body>
<div class="container">
<div class="header">
<a href="#"><img src="images/Chamber-Logo-2.gif" alt="Reardan Chamber Logo" width="187" height="163" hspace="10" vspace="5" align="top" /></a><img src="images/Reardan-Chamber-Title.gif" width="476" height="204" alt="Reardan Area Chamber of Commerce, Dedicated to Preserving and Enhancing Area Businesses" /><p></p>
<p style="color: #F00">This Site is under construction! Please pardon our dust as we create!</p>
</div>
<div class="sidebar1">
    <ul class="nav">
      <li><a href="about.html">About Us</a></li>
      <li><a href="history.html">Reardan History</a></li>
      <li><a href="activities.html">Activities</a></li>
      <li><a href="business.html">Business<br />
        Directory</a></li>
      <li><a href="about.html">Join the<br />
        Chamber</a></li>
       <li><a href="links.html">Links<br />
  <span style="font-size: 85%">Tourism</span><br />
      </a></li>
    </ul>
     </div>
<br />
<br />
<br />
<br />
<div class="box" +"slide">
<script type="text/javascript">
// BeginOAWidget_Instance_2559022: #slideshow
                           slideshowAddCaption=true;
$(window).load(function() {
$('#slideshow').cycle({
                    after:                              slideshowOnCycleAfter, //the function that is triggered after each transition
                    autostop:                              false,     // true to end slideshow after X transitions (where X == slide count)
                    fx:                                        'blindX',// name of transition effect
                    pause:                              false,     // true to enable pause on hover
                    randomizeEffects:          true, // valid when multiple effects are used; true to make the effect sequence random
                    speed:                              100, // speed of the transition (any valid fx speed value)
                    sync:                              true,     // true if in/out transitions should occur simultaneously
                    timeout:                    5000, // milliseconds between slide transitions (0 to disable auto advance)
                    fit:                              true,
                    height:                       '300px',
                    width:         '525px'   // container width (if the 'fit' option is true, the slides will be set to this width as well)
function slideshowOnCycleAfter() {
          if (slideshowAddCaption==true){
                              $('#slideshow-caption').html(this.title);
// EndOAWidget_Instance_2559022
</script>
<div id="slideshow">
    
    <img src="images/100_1537.jpeg" width="600" height="450" title="caption for image1" /> <img src="images/Parade-2011-2.jpg" width="300" height="225" title="caption for image2" /> <img src="images/100_1495.jpeg" width="600" height="450" title="caption for image3" />
    <div title="sample title"> Images for slide show will need to be re-sized to fit box to avoid distortion</div>
    <img src="images/beach4.jpg" width="200" height="200" title="caption for image4" /> <img src="images/beach5.jpg" width="200" height="200" title="caption for image5" /> </div>

<div id="slideshow-caption"></div></div>
<div class="sidebar2" "anotherClass editable"><p align="center"><strong>Chamber News</strong><br />
Local News item
<br />
Another New item</p>
<p align="center">lots of news this week<br />
    <br />
    <br />
    <br />
</p>
</div>
<div class="sidebar3" "anotherClass editable"><p align="center"><strong>Upcoming Events</strong></p>
<div align="center">    <a href="activities.html" style="color: #FFFF0D">Community wide yard sales</a><br />
    <br />
    <br />
    <br />
    <br />
</div>
</div>
<div class="content"><br />
<br />
</div>
<div class="footer">
        <p align="center"><span style="font-size: small">Reardan Area Chamber of Commerce</span><br />
          <span style="font-size: x-small">[email protected] - 509.796.2102</span><br />
        </p>
        
</div></body>
</html>

If you DO want the slideshow overlaping the navigation try the below css:
.sidebar1 {
    float: left;
    width: 225px;
    margin: 60px 0px 60px 60px;
    color: #FFFF0D;
    background: #595FFF;
    border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    padding: 5px 5px 0px 5px;
    border: 3px solid #F7F723;
.box {
float: left;
margin-left:-60px;
width:700px;
height:350px;
border-radius: 13px;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;

Slide Show Issue

Similar Messages

Maybe you are looking for