H264 encodes white frames at end of QT movie

Hey,
Using CS3 PP on XP32 and encoding to H264 QT. AT the end of the video it is adding full white frames as if I cut to white. Does anyone know how to avoid this? Is it something that I have setup wrong?
I will be using these clips in a presentation and I need to match frame between clip to clip.
XP32, Core2 Quad 2.4, 3 Gig Ram, nVidia GeForce7600 GS, QT 7.13
Thanks!

Thanks for the reply. I wondered about that. I can't add black because I am doing match frames for a presentation. The odd thing is that the guy that is doing the presentation is on a Mac and they don't do it on his machine. So, no worries. Go figure.
Thanks

Similar Messages

Unwanted Extra White Fram At End Of Movie

hello
if i take a quicktime movie and do export for web, all the versions which are created have an extra white frame at the end of the movie.
why?
kind regards

Ever get this one solved? I'm having the same troubles. Can't troubleshoot it at all. Making me crazy.
Thanks!

Compressor white frame at the end of WMP

I want to use compressor and flipformac to produce my windows media files. I have 50 clips to move so I wanted to take advantage of the automation.
Every clip it finishes as a wmp9 using the flipForMac quicktime plugin has a white frame at the end of it. Any way to get rid of that?
I downgraded my flipformac to the 1.0.2 from the 2.0 that is there current release because of a known bug that causes floating green chroma crap to appear on the wmp doc. I also tried using Sorrenson Squeeze to batch, but Sorrenson can't compress 720p codec footage that is the DVCPRO HD codec. (again, known bug they are working on). I tried downconverting the HD footage to SD and having compressor do it and still .... white frame. So then I tried cleaner... it just crashes... I hate cleaner.
sorry for the rant... can anyone help.

Is there a chance your source footage has the same white frame before you encode it? I've never seen this problem.
As far as flip4mac, there is a work around in the current version to avoid the green monster. With a Two Pass VBR Constrained, set your Peak Bit Rate to 1.5x. This makes your encode closer to a CBR, but eliminates the compression artifacts. Also in the advanced settings, a shorter Key Frame frequency will improve overall quality.
Sorry I'm not more help with the white frame. What version of Compressor are you using? I've done close to 100 encodes in the last month and haven't encountered this. What are your source files? Quicktime out of FCP? Reference files?

Exporting mp4 adds white frame to the end

Every time I export an mp4 I'm getting an added white frame at the very end of the video. I'm using the render queue and exporting with the windows media setting in the adobe media exporter. I've tried shortening my comp but that doesn't solve the problem. Any suggestions?
thanks

Hi Mylenium,
Thanks for responding. I'm using the standard H.264 export settings from AE. It doesn't occur when using QTs Mp4 settings but the quality that I'm getting from that is pretty bad which is why I started using the H.264 exporter in AE. The other thing I liked about it was the file size to quality ratio. I also don't think the mp4s will stream in flash, which is what the final goal is with the files. I have tried changing the settings so that my duration is an even time like 23:00 seconds.
I see this issue in various places on the internet and I'm not sure what is causing it.
Thanks again.

White screen after end jump

I have a white screen before a track jumps back to the menu. My video ends on a black screen so it's very obvious. Anyone have a suggestion on how to fix this?
My apologies for not getting back early enough to mark previous threads solved. I'll get in there soon and do it. very hectic, gotta go...
thx

Hi:
Can you see the white frame in the video track? I mean, if you play the track to the end (wihtout jumping to the menu) orif you open the file (I guess a MPEG2 file) with quicktime, do you see there too?
If your encoded movie has this frame, as Moobile said, you must reencode changing the OUT point one frame earlier.
If your source movie (the one imported in DVDSP) doesn't have that white frame, try building your project and checking the VIDEO_TS folder with DVD Player. Sometimes DVDSP Simulator doesn't "simulate" very good!

Quicktime 7.6.4 won't play h264 encoded videos on my 10.4.11 MacMini

Hello:
This is my first post. I read through the forums and this seems to be the correct place to pose my question. If it's not, my apologizes.
I'm trying to find out why Quicktime 7.6.4 won't play h264-encoded video on my MacMini (G4 PPC). I'm running 10.4.11. I recently installed Perian 1.2.1 and it got some .avi files to play correctly, whereas before there was no sound. But the h264 files still get me a black screen, albeit with sound now. Some h264 files can be played in VLC Media Player (but that's a horrible player compared to Quicktime in my opinion, as it constantly drops frames and eats 100% of my processor time), but VLC even has the black screen problem on some h264 files as well.
I've also tried MPlayer OSX but that's really an alpha-type development and has a lot of bugs. Many movies it can't even open.
Sorry for the rambling, but again my question: Is there any way to play h264-encoded video in Quicktime 7.6.4 on my Mac?
Thanks in advance for your expertise and advice.

Mr Ram,
There is a group of Quicktime specialists in Apple.com ⇒ Support ⇒ Discussions ⇒ Quicktime .
The more data you give us, the easier it is to help us help you to diagnose your problem. Your disk space would be very useful. Contrary to some, I advocate iDefrag to assist VLC and MPlayer, which you were a little hard on.
GNU/Linux's free offerings
MPlayer was developed a decade ago, and I prefer it for viewing DVDs (for 'DVD Player') seems too dark. VLC (legally) copies many CRM-protected DVDs of yours, so you can play only the burned copy. When I'm having a problem playing a DVD, the VLC log tells me all: only perfect DVDs play well on VLC.
There are two ways of viewing everything.
Streaming MPEG-4
+H.264/MPEG-4 AVC+ is a fancy codec based upon MPEG-4: it requires a powerful processor to de-compress it. I watched an MPEG-4 movie from a G3 iBook in 2005. It played flawlessly.
Your Problem
Quicktime 7.X applications can not play +H.264/MPEG-4 AVC+ streams. It was a bug Apple never fixed. Frames are dropped because H.264 is so slow that it requires special hardware. You, I'm sad to say, don't have it.
To quote the Wikipedia on Quicktime: 'QuickTime 7 lacks support for H.264's Sample Aspect Ratio .[67] QuickTime X does not have this limitation; many Apple products (such as iTunes and Apple TV) still use the older QuickTime 7 engine.'
My Quicktime Pro on a PPC PowerBook is 7.6.4. You can either use a Linux transplant or upgrade to Quicktime X. Those more familiar with Macs may have better ideas for you.
My best,
Bruce

H264 encoding settings - problems with FLV/F4V conversions and playback... HELP!!!

I do a lot of LIVE ENCODING and have been struggling with FMLE. I own the Adobe Creative Suite of applications and am pretty familiar with working with compatible/required formats, etc.
We have been primarily using VP6/mp3 for encoding. Most of our work is SD. We also always seem to have trouble when trying to encode the FLV file to another format, audio always seem to be out of sync, but sometimes it works...
Do you know why that would be regarding the FLV audio falling off sync when encoding to another format, such as MOV? Also, when we try to play back the FLV, the audio sounds garbled up and only plays well in Adobe Media Player.
I keep hearing H264 encoding will provide better video, but I just can't get that to work. Also, why is it that my entire CS4 suite of applications can't read or playback the F4V file- that's unacceptable from Adobe, just a big huge pain the butt... I've had to buy several cheapie applications to try and read F4V files and try to convert it, except that converting F4Vs seems to be a hit-or-miss.
What should I be using to playback and convert F4Vs? I also heard changing the extension to MP4 works, but I haven't seen that work, not even once. The cheap video conversion apps I have that read F4Vs are: FFMPEGX and Wondershare (Youtube). Sometimes they open F4V, but not most of the time...
I am using a super fast new Macbook Pro i7, 8GB ram (not the thunderbolt/usb3), CPU always runs smoothly and effectively.
Also, I always use the Canopus ADVC-110 as my transcoder. I do both video via Firewire IN or Composite IN, then Firewire OUT into the Mac encoder. FMLE sees it ok, but I wonder if this device might be my problem.
VP6 settings are as follows:
VP6 video / MP3 audio
300 to 500k video
30 fps
640x480 in/out
44100hz audio
56k audio
We want to start using H264 encoding settings, but in my experience trying it out, the output file is ALWAYS PROBLEMATIC. Also, when testing a live stream, the audio seems to fall off sync with the video.
I am looking for your recommendations on the H264 settings I should try. Most of my events are simple meetings with 1 to 5 speakers, mostly talking heads. We rarely encode high motion video, but I would also like to be able to adjust H264 settings for both talking heads and medium to high motion without (any) frame drops.
I have tried streaming to multiple/different Flash Media Servers, archived only to file, and H264 results seem always bad.
Any recommendations from professionals in the live streaming arena are much appreciated. I thank you for your time in advance.
Thank you!
Hugo

Hello Hugo
Sorry to know that you are facing these kind of issues, let me try to reply and understand issues one by one.
>>We have been primarily using VP6/mp3 for encoding. Most of our work is SD. We also always seem to have trouble when trying to encode the FLV file to another format, audio always seem to be out of sync, but sometimes it works...
-- Which application you are using to convert FLV to other format?
-- Is these any Audio - Video sync issue when you play FLV file in Adobe Media Player? if NO, it means FLV file created properly.
>> Do you know why that would be regarding the FLV audio falling off sync when encoding to another format, such as MOV? Also, when we try to play back the FLV, the audio sounds garbled up and only plays well in Adobe Media Player.
-- Which application you are using to convert FLV to MOV? if FLV playabck fine and without a/v sync issue, it should convert MOV with a/v sync.
-- It depend on audio codec selection by Media player or correct audio codec not installed for media player. Install appropriate audio codec to play in other media player if you dont want to play in Adobe Media Player.
>> I keep hearing H264 encoding will provide better video, but I just can't get that to work. Also, why is it that my entire CS4 suite of applications can't read or playback the F4V file- that's unacceptable from Adobe, just a big huge pain the butt... I've had to buy several cheapie applications to try and read F4V files and try to convert it, except that converting F4Vs seems to be a hit-or-miss.
>> What should I be using to playback and convert F4Vs? I also heard changing the extension to MP4 works, but I haven't seen that work, not even once. The cheap video conversion apps I have that read F4Vs are: FFMPEGX and Wondershare (Youtube). Sometimes they open F4V, but not most of the time...
-- Adobe Flash Media Server version 3.5 and later and Adobe Flash Media Live Encoder 3 can record content in MPEG-4 (F4V) format using an industry-standard recording technology known as "fragments" or "moof atoms." Some MPEG-4 compatible tools and players do not support moof atoms.
The F4V Post Processor tool aggregates the information from all the moof atoms into a single moov atom and outputs a new file." You can download the tool from above location: http://www.adobe.com/products/flashmediaserver/tool_downloads/
Thanks

SAVE AS using h264 encoder

Do any of you see apple adding an h264 encoder to Pro so we can all save bluray movie backups?
if not what's a good program I can use for backing up these disc's?

If I can open them as .avi and then save them as iPod compatable GREAT... Did I understand your answer correctly?
Yes and no. The "Save As..." option saves data in its current compression format to an MOV file container. (E.g., a DivX video with MP3 audio in an AVI file container would end up as DivX video with MP3 audio in MOV file container if you try to use the "Save As..." File menu option. On the other hand, QT Pro, GarageBand, iMovie, iTunes, MPEG Streamclip, and other applications can acces iPhone, iPod, and/or TV specific device export presets which will convert "QT Component compatible" files to H.264/AAC files using the "Export" file menu option. (For instance, the iPod preset will normally play on all three devices with slightly better quality than the iPhone preset while the TV preset, if properly encoded, will not play on either of the other two devices.) The basic difference between the two options is that the "Export" option performs a mandatory transcoding of data even if it is to the same format while the "Save As..." option does not.

White frames on export

Hi all,
I have been using the video sound track features in GB 3 and I have exported two different videos so far and they have both had the same problem. They have a couple of white frames at the end of the video that were not there before. In both cases, the video was DV at full resolution and the export was the same. I have not tried a smaller video nor have I exported at a smaller size yet. Has anyone else seen this?
MRM

As I posted elsewhere, ...
My new Dual 2.3GHz G5 is running OS X 10.4.6 with all updates. I imported video, then imported audio, and synced the two. Now ready for my iPod! I tried Share -> iTunes; didn't work. So, I saved it as a QT movie. I'm seeing white spaces that weren't in my original, and then only white screen instead of what is in the original video. Audio sounds fine. This is my first video podcast, and I'm pretty disappointed in GB '06.

H264 encoded flv doesn't work

I put the h264 packets into flv file with the flv file format in video_file_format_spec_v10.pdf. I used CodecID=7(AVC) and filled video data with h264 encoded packet. But it doesn't work. The codec lib is x264 with CABAC enctropy.
The test.flv file in attachment is what I created using x264. Below is the media infomation about test.flv.
Could someone help me? Thanks very much.

First of all you can't use h264 in an flv, Flash Video files encoded with the H264 codec must have the ending (mov, mp4 or F4V)
Those need to be preparated as Adobe recommends, best choice is to use the Adobe Media Encoder or an Adobe editing tool that outputs a proper h264 file.

I can't get the h264 compressed video frame buffer

hello everybody, i tried to develop video streaming App on iPhone 4. But i can't get the h264 compressed video frame buffer before streaming these frames to network. Could anybody please tell me how to do this, thanks!!!

Look to see if you still have A.Pack installed on your computer; it should be in the Applications folder on your boot drive. That's what was used for AC3 encoding prior to Compressor 3. In the meantime, you could lower the bit rate of the video in order to use the AIF audio file on your DVD.
-DH

Spry menu hover in IE: How to get rid of white frame & "false"?

Hi--
I'm encountering an IE issue with a Spry vertical menu bar. When the user hovers over the submenu, white frames appear behind the submenu with the word "false" in them. Of course this doesn't happen in Safari or Firefox.
I was able to fix other similar problems with the menu by following tips posted on another forum. Namely, in the CSS, I disabled an IE hack that caused a white background to appear (menu background has to be transparent on this site). And in the JS, I disabled the following: this.removeIframeLayer(menu);
Here's the URL: http://www.qic-ec.org
Below are the css (1) and js (2).
Any help would be DEEPLY appreciated.
Thank you
Jackie
CSS:
@charset "UTF-8";
/* SpryMenuBarVertical.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: 6.2em;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 6.2em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
margin: -5% 0 0 95%;
padding: 0;
list-style-type: none;
font-size: 100%;
position: absolute;
z-index: 1020;
cursor: default;
width: 6.2em;
left: -1000em;
top: 0;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
left: 0;
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
width: 3em;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
border: 0px solid #CCC;
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
border: 0px solid #CCC;
/* Menu items are a transparent block with padding and no text decoration */
ul.MenuBarVertical a
display: block;
cursor: pointer;
padding: 0.5em 0.75em;
color: #502977;
text-decoration: none;
border-bottom: 1px dotted #A88FC7;
/* Menu items that have mouse over or focus have a transparent background and light purple text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
color: #A88FC7;
/* Menu items that are open with submenus are set to MenuBarItemHover with a transparent background and light purple text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
    color: #A88FC7;
ul.MenuBarVertical ul li a
border: 0px;
color: #006600;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical ul a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical ul a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
/*ul.MenuBarVertical iframe
position: absolute;
z-index: 1010;
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
/* ul.MenuBarVertical li.MenuBarItemIE
display: inline;
f\loat: left;
        background: #fff;
JS:
/* SpryMenuBar.js - Revision: Spry Preview Release 1.4 */
// Copyright (c) 2006. Adobe Systems Incorporated.
// All rights reserved.
// Redistribution and use in source and binary forms, with or without
// modification, are permitted provided that the following conditions are met:
//   * Redistributions of source code must retain the above copyright notice,
//     this list of conditions and the following disclaimer.
//   * Redistributions in binary form must reproduce the above copyright notice,
//     this list of conditions and the following disclaimer in the documentation
//     and/or other materials provided with the distribution.
//   * Neither the name of Adobe Systems Incorporated nor the names of its
//     contributors may be used to endorse or promote products derived from this
//     software without specific prior written permission.
// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
// AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
// IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
// ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
// LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
// CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
// SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
// INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
// CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
// ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
// POSSIBILITY OF SUCH DAMAGE.
SpryMenuBar.js
This file handles the JavaScript for Spry Menu Bar. You should have no need
to edit this file. Some highlights of the MenuBar object is that timers are
used to keep submenus from showing up until the user has hovered over the parent
menu item for some time, as well as a timer for when they leave a submenu to keep
showing that submenu until the timer fires.
var Spry;
if(!Spry)
Spry = {};
if(!Spry.Widget)
Spry.Widget = {};
// Constructor for Menu Bar
// element should be an ID of an unordered list (<ul> tag)
// preloadImage1 and preloadImage2 are images for the rollover state of a menu
Spry.Widget.MenuBar = function(element, opts)
this.init(element, opts);
Spry.Widget.MenuBar.prototype.init = function(element, opts)
this.element = this.getElement(element);
// represents the current (sub)menu we are operating on
this.currMenu = null;
var isie = (typeof document.all != 'undefined' && typeof window.opera == 'undefined' && navigator.vendor != 'KDE');
if(typeof document.getElementById == 'undefined' || (navigator.vendor == 'Apple Computer, Inc.' && typeof window.XMLHttpRequest == 'undefined') || (isie && typeof document.uniqueID == 'undefined'))
// bail on older unsupported browsers
return;
// load hover images now
if(opts)
for(var k in opts)
var rollover = new Image;
rollover.src = opts[k];
if(this.element)
this.currMenu = this.element;
var items = this.element.getElementsByTagName('li');
for(var i=0; i<items.length; i++)
this.initialize(items[i], element, isie);
if(isie)
this.addClassName(items[i], "MenuBarItemIE");
items[i].style.position = "static";
if(isie)
if(this.hasClassName(this.element, "MenuBarVertical"))
this.element.style.position = "relative";
var linkitems = this.element.getElementsByTagName('a');
for(var i=0; i<linkitems.length; i++)
linkitems[i].style.position = "relative";
Spry.Widget.MenuBar.prototype.getElement = function(ele)
if (ele && typeof ele == "string")
return document.getElementById(ele);
return ele;
Spry.Widget.MenuBar.prototype.hasClassName = function(ele, className)
if (!ele || !className || !ele.className || ele.className.search(new RegExp("\\b" + className + "\\b")) == -1)
return false;
return true;
Spry.Widget.MenuBar.prototype.addClassName = function(ele, className)
if (!ele || !className || this.hasClassName(ele, className))
return;
ele.className += (ele.className ? " " : "") + className;
Spry.Widget.MenuBar.prototype.removeClassName = function(ele, className)
if (!ele || !className || !this.hasClassName(ele, className))
return;
ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), "");
// addEventListener for Menu Bar
// attach an event to a tag without creating obtrusive HTML code
Spry.Widget.MenuBar.prototype.addEventListener = function(element, eventType, handler, capture)
try
if (element.addEventListener)
element.addEventListener(eventType, handler, capture);
else if (element.attachEvent)
element.attachEvent('on' + eventType, handler);
catch (e) {}
// createIframeLayer for Menu Bar
// creates an IFRAME underneath a menu so that it will show above form controls and ActiveX
Spry.Widget.MenuBar.prototype.createIframeLayer = function(menu)
var layer = document.createElement('iframe');
layer.tabIndex = '-1';
layer.src = 'javascript:false;';
menu.parentNode.appendChild(layer);
layer.style.left = menu.offsetLeft + 'px';
layer.style.top = menu.offsetTop + 'px';
layer.style.width = menu.offsetWidth + 'px';
layer.style.height = menu.offsetHeight + 'px';
// removeIframeLayer for Menu Bar
// removes an IFRAME underneath a menu to reveal any form controls and ActiveX
Spry.Widget.MenuBar.prototype.removeIframeLayer = function(menu)
var layers = menu.parentNode.getElementsByTagName('iframe');
while(layers.length > 0)
layers[0].parentNode.removeChild(layers[0]);
// clearMenus for Menu Bar
// root is the top level unordered list (<ul> tag)
Spry.Widget.MenuBar.prototype.clearMenus = function(root)
var menus = root.getElementsByTagName('ul');
for(var i=0; i<menus.length; i++)
this.hideSubmenu(menus[i]);
this.removeClassName(this.element, "MenuBarActive");
// bubbledTextEvent for Menu Bar
// identify bubbled up text events in Safari so we can ignore them
Spry.Widget.MenuBar.prototype.bubbledTextEvent = function()
return (navigator.vendor == 'Apple Computer, Inc.' && (event.target == event.relatedTarget.parentNode || (event.eventPhase == 3 && event.target.parentNode == event.relatedTarget)));
// showSubmenu for Menu Bar
// set the proper CSS class on this menu to show it
Spry.Widget.MenuBar.prototype.showSubmenu = function(menu)
if(this.currMenu)
this.clearMenus(this.currMenu);
this.currMenu = null;
if(menu)
this.addClassName(menu, "MenuBarSubmenuVisible");
if(typeof document.all != 'undefined' && typeof window.opera == 'undefined' && navigator.vendor != 'KDE')
if(!this.hasClassName(this.element, "MenuBarHorizontal") || menu.parentNode.parentNode != this.element)
menu.style.top = menu.parentNode.offsetTop + 'px';
if(typeof document.uniqueID != "undefined")
this.createIframeLayer(menu);
this.addClassName(this.element, "MenuBarActive");
// hideSubmenu for Menu Bar
// remove the proper CSS class on this menu to hide it
Spry.Widget.MenuBar.prototype.hideSubmenu = function(menu)
if(menu)
this.removeClassName(menu, "MenuBarSubmenuVisible");
if(typeof document.all != 'undefined' && typeof window.opera == 'undefined' && navigator.vendor != 'KDE')
menu.style.top = '';
menu.style.left = '';
// this.removeIframeLayer(menu);
// initialize for Menu Bar
// create event listeners for the Menu Bar widget so we can properly
// show and hide submenus
Spry.Widget.MenuBar.prototype.initialize = function(listitem, element, isie)
var opentime, closetime;
var link = listitem.getElementsByTagName('a')[0];
var submenus = listitem.getElementsByTagName('ul');
var menu = (submenus.length > 0 ? submenus[0] : null);
var hasSubMenu = false;
if(menu)
this.addClassName(link, "MenuBarItemSubmenu");
hasSubMenu = true;
if(!isie)
// define a simple function that comes standard in IE to determine
// if a node is within another node
listitem.contains = function(testNode)
// this refers to the list item
if(testNode == null)
return false;
if(testNode == this)
return true;
else
return this.contains(testNode.parentNode);
// need to save this for scope further down
var self = this;
this.addEventListener(listitem, 'mouseover', function(e)
if(self.bubbledTextEvent())
// ignore bubbled text events
return;
clearTimeout(closetime);
if(self.currMenu == listitem)
self.currMenu = null;
// show menu highlighting
self.addClassName(link, hasSubMenu ? "MenuBarItemSubmenuHover" : "MenuBarItemHover");
if(menu && !self.hasClassName(menu, "MenuBarSubmenuVisible"))
opentime = window.setTimeout(function(){self.showSubmenu(menu);}, 250);
}, false);
this.addEventListener(listitem, 'mouseout', function(e)
if(self.bubbledTextEvent())
// ignore bubbled text events
return;
var related = (typeof e.relatedTarget != 'undefined' ? e.relatedTarget : e.toElement);
if(!listitem.contains(related))
clearTimeout(opentime);
self.currMenu = listitem;
// remove menu highlighting
self.removeClassName(link, hasSubMenu ? "MenuBarItemSubmenuHover" : "MenuBarItemHover");
if(menu)
closetime = window.setTimeout(function(){self.hideSubmenu(menu);}, 600);
}, false);

Oh, sorry, after I updated to 1.6.1 and uploaded the new code, I didn't post it here. Here it is (minus intro comments)--and it's still not working in IE (though I am testing on an older PC with IE 6). The problem only arises upon hovering.
THANKS
Jackie
JS
// SpryMenuBar.js - version 0.12 - Spry Pre-Release 1.6.1
// Copyright (c) 2006. Adobe Systems Incorporated.
// All rights reserved.
var Spry; if (!Spry) Spry = {}; if (!Spry.Widget) Spry.Widget = {};
Spry.BrowserSniff = function()
var b = navigator.appName.toString();
var up = navigator.platform.toString();
var ua = navigator.userAgent.toString();
this.mozilla = this.ie = this.opera = this.safari = false;
var re_opera = /Opera.([0-9\.]*)/i;
var re_msie = /MSIE.([0-9\.]*)/i;
var re_gecko = /gecko/i;
var re_safari = /(applewebkit|safari)\/([\d\.]*)/i;
var r = false;
if ( (r = ua.match(re_opera))) {
this.opera = true;
this.version = parseFloat(r[1]);
} else if ( (r = ua.match(re_msie))) {
this.ie = true;
this.version = parseFloat(r[1]);
} else if ( (r = ua.match(re_safari))) {
this.safari = true;
this.version = parseFloat(r[2]);
} else if (ua.match(re_gecko)) {
var re_gecko_version = /rv:\s*([0-9\.]+)/i;
r = ua.match(re_gecko_version);
this.mozilla = true;
this.version = parseFloat(r[1]);
this.windows = this.mac = this.linux = false;
this.Platform = ua.match(/windows/i) ? "windows" :
(ua.match(/linux/i) ? "linux" :
(ua.match(/mac/i) ? "mac" :
ua.match(/unix/i)? "unix" : "unknown"));
this[this.Platform] = true;
this.v = this.version;
if (this.safari && this.mac && this.mozilla) {
this.mozilla = false;
Spry.is = new Spry.BrowserSniff();
// Constructor for Menu Bar
// element should be an ID of an unordered list (<ul> tag)
// preloadImage1 and preloadImage2 are images for the rollover state of a menu
Spry.Widget.MenuBar = function(element, opts)
this.init(element, opts);
Spry.Widget.MenuBar.prototype.init = function(element, opts)
this.element = this.getElement(element);
// represents the current (sub)menu we are operating on
this.currMenu = null;
this.showDelay = 250;
this.hideDelay = 600;
if(typeof document.getElementById == 'undefined' || (navigator.vendor == 'Apple Computer, Inc.' && typeof window.XMLHttpRequest == 'undefined') || (Spry.is.ie && typeof document.uniqueID == 'undefined'))
// bail on older unsupported browsers
return;
// Fix IE6 CSS images flicker
if (Spry.is.ie && Spry.is.version < 7){
try {
document.execCommand("BackgroundImageCache", false, true);
} catch(err) {}
this.upKeyCode = Spry.Widget.MenuBar.KEY_UP;
this.downKeyCode = Spry.Widget.MenuBar.KEY_DOWN;
this.leftKeyCode = Spry.Widget.MenuBar.KEY_LEFT;
this.rightKeyCode = Spry.Widget.MenuBar.KEY_RIGHT;
this.escKeyCode = Spry.Widget.MenuBar.KEY_ESC;
this.hoverClass = 'MenuBarItemHover';
this.subHoverClass = 'MenuBarItemSubmenuHover';
this.subVisibleClass ='MenuBarSubmenuVisible';
this.hasSubClass = 'MenuBarItemSubmenu';
this.activeClass = 'MenuBarActive';
this.isieClass = 'MenuBarItemIE';
this.verticalClass = 'MenuBarVertical';
this.horizontalClass = 'MenuBarHorizontal';
this.enableKeyboardNavigation = true;
this.hasFocus = false;
// load hover images now
if(opts)
for(var k in opts)
if (typeof this[k] == 'undefined')
var rollover = new Image;
rollover.src = opts[k];
Spry.Widget.MenuBar.setOptions(this, opts);
// safari doesn't support tabindex
if (Spry.is.safari)
this.enableKeyboardNavigation = false;
if(this.element)
this.currMenu = this.element;
var items = this.element.getElementsByTagName('li');
for(var i=0; i<items.length; i++)
if (i > 0 && this.enableKeyboardNavigation)
items[i].getElementsByTagName('a')[0].tabIndex='-1';
this.initialize(items[i], element);
if(Spry.is.ie)
this.addClassName(items[i], this.isieClass);
items[i].style.position = "static";
if (this.enableKeyboardNavigation)
var self = this;
this.addEventListener(document, 'keydown', function(e){self.keyDown(e); }, false);
if(Spry.is.ie)
if(this.hasClassName(this.element, this.verticalClass))
this.element.style.position = "relative";
var linkitems = this.element.getElementsByTagName('a');
for(var i=0; i<linkitems.length; i++)
linkitems[i].style.position = "relative";
Spry.Widget.MenuBar.KEY_ESC = 27;
Spry.Widget.MenuBar.KEY_UP = 38;
Spry.Widget.MenuBar.KEY_DOWN = 40;
Spry.Widget.MenuBar.KEY_LEFT = 37;
Spry.Widget.MenuBar.KEY_RIGHT = 39;
Spry.Widget.MenuBar.prototype.getElement = function(ele)
if (ele && typeof ele == "string")
return document.getElementById(ele);
return ele;
Spry.Widget.MenuBar.prototype.hasClassName = function(ele, className)
if (!ele || !className || !ele.className || ele.className.search(new RegExp("\\b" + className + "\\b")) == -1)
return false;
return true;
Spry.Widget.MenuBar.prototype.addClassName = function(ele, className)
if (!ele || !className || this.hasClassName(ele, className))
return;
ele.className += (ele.className ? " " : "") + className;
Spry.Widget.MenuBar.prototype.removeClassName = function(ele, className)
if (!ele || !className || !this.hasClassName(ele, className))
return;
ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), "");
// addEventListener for Menu Bar
// attach an event to a tag without creating obtrusive HTML code
Spry.Widget.MenuBar.prototype.addEventListener = function(element, eventType, handler, capture)
try
if (element.addEventListener)
element.addEventListener(eventType, handler, capture);
else if (element.attachEvent)
element.attachEvent('on' + eventType, handler);
catch (e) {}
// createIframeLayer for Menu Bar
// creates an IFRAME underneath a menu so that it will show above form controls and ActiveX
Spry.Widget.MenuBar.prototype.createIframeLayer = function(menu)
var layer = document.createElement('iframe');
layer.tabIndex = '-1';
layer.src = 'javascript:""';
layer.frameBorder = '0';
layer.scrolling = 'no';
menu.parentNode.appendChild(layer);
layer.style.left = menu.offsetLeft + 'px';
layer.style.top = menu.offsetTop + 'px';
layer.style.width = menu.offsetWidth + 'px';
layer.style.height = menu.offsetHeight + 'px';
// removeIframeLayer for Menu Bar
// removes an IFRAME underneath a menu to reveal any form controls and ActiveX
Spry.Widget.MenuBar.prototype.removeIframeLayer = function(menu)
var layers = ((menu == this.element) ? menu : menu.parentNode).getElementsByTagName('iframe');
while(layers.length > 0)
layers[0].parentNode.removeChild(layers[0]);
// clearMenus for Menu Bar
// root is the top level unordered list (<ul> tag)
Spry.Widget.MenuBar.prototype.clearMenus = function(root)
var menus = root.getElementsByTagName('ul');
for(var i=0; i<menus.length; i++)
this.hideSubmenu(menus[i]);
this.removeClassName(this.element, this.activeClass);
// bubbledTextEvent for Menu Bar
// identify bubbled up text events in Safari so we can ignore them
Spry.Widget.MenuBar.prototype.bubbledTextEvent = function()
return Spry.is.safari && (event.target == event.relatedTarget.parentNode || (event.eventPhase == 3 && event.target.parentNode == event.relatedTarget));
// showSubmenu for Menu Bar
// set the proper CSS class on this menu to show it
Spry.Widget.MenuBar.prototype.showSubmenu = function(menu)
if(this.currMenu)
this.clearMenus(this.currMenu);
this.currMenu = null;
if(menu)
this.addClassName(menu, this.subVisibleClass);
if(typeof document.all != 'undefined' && !Spry.is.opera && navigator.vendor != 'KDE')
if(!this.hasClassName(this.element, this.horizontalClass) || menu.parentNode.parentNode != this.element)
menu.style.top = menu.parentNode.offsetTop + 'px';
if(Spry.is.ie && Spry.is.version < 7)
this.createIframeLayer(menu);
this.addClassName(this.element, this.activeClass);
// hideSubmenu for Menu Bar
// remove the proper CSS class on this menu to hide it
Spry.Widget.MenuBar.prototype.hideSubmenu = function(menu)
if(menu)
this.removeClassName(menu, this.subVisibleClass);
if(typeof document.all != 'undefined' && !Spry.is.opera && navigator.vendor != 'KDE')
menu.style.top = '';
menu.style.left = '';
if(Spry.is.ie && Spry.is.version < 7)
this.removeIframeLayer(menu);
// initialize for Menu Bar
// create event listeners for the Menu Bar widget so we can properly
// show and hide submenus
Spry.Widget.MenuBar.prototype.initialize = function(listitem, element)
var opentime, closetime;
var link = listitem.getElementsByTagName('a')[0];
var submenus = listitem.getElementsByTagName('ul');
var menu = (submenus.length > 0 ? submenus[0] : null);
if(menu)
this.addClassName(link, this.hasSubClass);
if(!Spry.is.ie)
// define a simple function that comes standard in IE to determine
// if a node is within another node
listitem.contains = function(testNode)
// this refers to the list item
if(testNode == null)
return false;
if(testNode == this)
return true;
else
return this.contains(testNode.parentNode);
// need to save this for scope further down
var self = this;
this.addEventListener(listitem, 'mouseover', function(e){self.mouseOver(listitem, e);}, false);
this.addEventListener(listitem, 'mouseout', function(e){if (self.enableKeyboardNavigation) self.clearSelection(); self.mouseOut(listitem, e);}, false);
if (this.enableKeyboardNavigation)
this.addEventListener(link, 'blur', function(e){self.onBlur(listitem);}, false);
this.addEventListener(link, 'focus', function(e){self.keyFocus(listitem, e);}, false);
Spry.Widget.MenuBar.prototype.keyFocus = function (listitem, e)
this.lastOpen = listitem.getElementsByTagName('a')[0];
this.addClassName(this.lastOpen, listitem.getElementsByTagName('ul').length > 0 ? this.subHoverClass : this.hoverClass);
this.hasFocus = true;
Spry.Widget.MenuBar.prototype.onBlur = function (listitem)
this.clearSelection(listitem);
Spry.Widget.MenuBar.prototype.clearSelection = function(el){
//search any intersection with the current open element
if (!this.lastOpen)
return;
if (el)
el = el.getElementsByTagName('a')[0];
// check children
var item = this.lastOpen;
while (item != this.element)
var tmp = el;
while (tmp != this.element)
if (tmp == item)
return;
try{
tmp = tmp.parentNode;
}catch(err){break;}
item = item.parentNode;
var item = this.lastOpen;
while (item != this.element)
this.hideSubmenu(item.parentNode);
var link = item.getElementsByTagName('a')[0];
this.removeClassName(link, this.hoverClass);
this.removeClassName(link, this.subHoverClass);
item = item.parentNode;
this.lastOpen = false;
Spry.Widget.MenuBar.prototype.keyDown = function (e)
if (!this.hasFocus)
return;
if (!this.lastOpen)
this.hasFocus = false;
return;
var e = e|| event;
var listitem = this.lastOpen.parentNode;
var link = this.lastOpen;
var submenus = listitem.getElementsByTagName('ul');
var menu = (submenus.length > 0 ? submenus[0] : null);
var hasSubMenu = (menu) ? true : false;
var opts = [listitem, menu, null, this.getSibling(listitem, 'previousSibling'), this.getSibling(listitem, 'nextSibling')];
if (!opts[3])
opts[2] = (listitem.parentNode.parentNode.nodeName.toLowerCase() == 'li')?listitem.parentNode.parentNode:null;
var found = 0;
switch (e.keyCode){
case this.upKeyCode:
found = this.getElementForKey(opts, 'y', 1);
break;
case this.downKeyCode:
found = this.getElementForKey(opts, 'y', -1);
break;
case this.leftKeyCode:
found = this.getElementForKey(opts, 'x', 1);
break;
case this.rightKeyCode:
found = this.getElementForKey(opts, 'x', -1);
break;
case this.escKeyCode:
case 9:
this.clearSelection();
this.hasFocus = false;
default: return;
switch (found)
case 0: return;
case 1:
//subopts
this.mouseOver(listitem, e);
break;
case 2:
//parent
this.mouseOut(opts[2], e);
break;
case 3:
case 4:
// left - right
this.removeClassName(link, hasSubMenu ? this.subHoverClass : this.hoverClass);
break;
var link = opts[found].getElementsByTagName('a')[0];
if (opts[found].nodeName.toLowerCase() == 'ul')
opts[found] = opts[found].getElementsByTagName('li')[0];
this.addClassName(link, opts[found].getElementsByTagName('ul').length > 0 ? this.subHoverClass : this.hoverClass);
this.lastOpen = link;
opts[found].getElementsByTagName('a')[0].focus();
        //stop further event handling by the browser
return Spry.Widget.MenuBar.stopPropagation(e);
Spry.Widget.MenuBar.prototype.mouseOver = function (listitem, e)
var link = listitem.getElementsByTagName('a')[0];
var submenus = listitem.getElementsByTagName('ul');
var menu = (submenus.length > 0 ? submenus[0] : null);
var hasSubMenu = (menu) ? true : false;
if (this.enableKeyboardNavigation)
this.clearSelection(listitem);
if(this.bubbledTextEvent())
// ignore bubbled text events
return;
if (listitem.closetime)
clearTimeout(listitem.closetime);
if(this.currMenu == listitem)
this.currMenu = null;
// move the focus too
if (this.hasFocus)
link.focus();
// show menu highlighting
this.addClassName(link, hasSubMenu ? this.subHoverClass : this.hoverClass);
this.lastOpen = link;
if(menu && !this.hasClassName(menu, this.subHoverClass))
var self = this;
listitem.opentime = window.setTimeout(function(){self.showSubmenu(menu);}, this.showDelay);
Spry.Widget.MenuBar.prototype.mouseOut = function (listitem, e)
var link = listitem.getElementsByTagName('a')[0];
var submenus = listitem.getElementsByTagName('ul');
var menu = (submenus.length > 0 ? submenus[0] : null);
var hasSubMenu = (menu) ? true : false;
if(this.bubbledTextEvent())
// ignore bubbled text events
return;
var related = (typeof e.relatedTarget != 'undefined' ? e.relatedTarget : e.toElement);
if(!listitem.contains(related))
if (listitem.opentime)
clearTimeout(listitem.opentime);
this.currMenu = listitem;
// remove menu highlighting
this.removeClassName(link, hasSubMenu ? this.subHoverClass : this.hoverClass);
if(menu)
var self = this;
listitem.closetime = window.setTimeout(function(){self.hideSubmenu(menu);}, this.hideDelay);
if (this.hasFocus)
link.blur();
Spry.Widget.MenuBar.prototype.getSibling = function(element, sibling)
var child = element[sibling];
while (child && child.nodeName.toLowerCase() !='li')
child = child[sibling];
return child;
Spry.Widget.MenuBar.prototype.getElementForKey = function(els, prop, dir)
var found = 0;
var rect = Spry.Widget.MenuBar.getPosition;
var ref = rect(els[found]);
var hideSubmenu = false;
//make the subelement visible to compute the position
if (els[1] && !this.hasClassName(els[1], this.MenuBarSubmenuVisible))
els[1].style.visibility = 'hidden';
this.showSubmenu(els[1]);
hideSubmenu = true;
var isVert = this.hasClassName(this.element, this.verticalClass);
var hasParent = els[0].parentNode.parentNode.nodeName.toLowerCase() == 'li' ? true : false;
for (var i = 1; i < els.length; i++){
//when navigating on the y axis in vertical menus, ignore children and parents
if(prop=='y' && isVert && (i==1 || i==2))
continue;
//when navigationg on the x axis in the FIRST LEVEL of horizontal menus, ignore children and parents
if(prop=='x' && !isVert && !hasParent && (i==1 || i==2))
continue;
if (els[i])
var tmp = rect(els[i]);
if ( (dir * tmp[prop]) < (dir * ref[prop]))
ref = tmp;
found = i;
// hide back the submenu
if (els[1] && hideSubmenu){
this.hideSubmenu(els[1]);
els[1].style.visibility = '';
return found;
Spry.Widget.MenuBar.camelize = function(str)
if (str.indexOf('-') == -1){
return str;
var oStringList = str.split('-');
var isFirstEntry = true;
var camelizedString = '';
for(var i=0; i < oStringList.length; i++)
if(oStringList[i].length>0)
if(isFirstEntry)
camelizedString = oStringList[i];
isFirstEntry = false;
else
var s = oStringList[i];
camelizedString += s.charAt(0).toUpperCase() + s.substring(1);
return camelizedString;
Spry.Widget.MenuBar.getStyleProp = function(element, prop)
var value;
try
if (element.style)
value = element.style[Spry.Widget.MenuBar.camelize(prop)];
if (!value)
if (document.defaultView && document.defaultView.getComputedStyle)
var css = document.defaultView.getComputedStyle(element, null);
value = css ? css.getPropertyValue(prop) : null;
else if (element.currentStyle)
value = element.currentStyle[Spry.Widget.MenuBar.camelize(prop)];
catch (e) {}
return value == 'auto' ? null : value;
Spry.Widget.MenuBar.getIntProp = function(element, prop)
var a = parseInt(Spry.Widget.MenuBar.getStyleProp(element, prop),10);
if (isNaN(a))
return 0;
return a;
Spry.Widget.MenuBar.getPosition = function(el, doc)
doc = doc || document;
if (typeof(el) == 'string') {
el = doc.getElementById(el);
if (!el) {
return false;
if (el.parentNode === null || Spry.Widget.MenuBar.getStyleProp(el, 'display') == 'none') {
//element must be visible to have a box
return false;
var ret = {x:0, y:0};
var parent = null;
var box;
if (el.getBoundingClientRect) { // IE
box = el.getBoundingClientRect();
var scrollTop = doc.documentElement.scrollTop || doc.body.scrollTop;
var scrollLeft = doc.documentElement.scrollLeft || doc.body.scrollLeft;
ret.x = box.left + scrollLeft;
ret.y = box.top + scrollTop;
} else if (doc.getBoxObjectFor) { // gecko
box = doc.getBoxObjectFor(el);
ret.x = box.x;
ret.y = box.y;
} else { // safari/opera
ret.x = el.offsetLeft;
ret.y = el.offsetTop;
parent = el.offsetParent;
if (parent != el) {
while (parent) {
ret.x += parent.offsetLeft;
ret.y += parent.offsetTop;
parent = parent.offsetParent;
// opera & (safari absolute) incorrectly account for body offsetTop
if (Spry.is.opera || Spry.is.safari && Spry.Widget.MenuBar.getStyleProp(el, 'position') == 'absolute')
ret.y -= doc.body.offsetTop;
if (el.parentNode)
parent = el.parentNode;
else
parent = null;
if (parent.nodeName){
var cas = parent.nodeName.toUpperCase();
while (parent && cas != 'BODY' && cas != 'HTML') {
cas = parent.nodeName.toUpperCase();
ret.x -= parent.scrollLeft;
ret.y -= parent.scrollTop;
if (parent.parentNode)
parent = parent.parentNode;
else
parent = null;
return ret;
Spry.Widget.MenuBar.stopPropagation = function(ev)
if (ev.stopPropagation)
ev.stopPropagation();
else
ev.cancelBubble = true;
if (ev.preventDefault)
ev.preventDefault();
else
ev.returnValue = false;
Spry.Widget.MenuBar.setOptions = function(obj, optionsObj, ignoreUndefinedProps)
if (!optionsObj)
return;
for (var optionName in optionsObj)
if (ignoreUndefinedProps && optionsObj[optionName] == undefined)
continue;
obj[optionName] = optionsObj[optionName];
CSS
@charset "UTF-8";
/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: 6.2em;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 6.2em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
margin: -5% 0 0 95%;
padding: 0;
list-style-type: none;
font-size: 100%;
position: absolute;
z-index: 1020;
cursor: default;
width: 6.2em;
left: -1000em;
top: 0;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
left: 0;
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
width: 8.2em;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
border: 0px solid #CCC;
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
border: 0px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
display: block;
cursor: pointer;
background-color: transparent;
padding: 0.5em 0.75em;
color: #502977;
text-decoration: none;
border-bottom: 1px dotted #A88FC7;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
background-color: transparent;
color: #A88FC7;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
background-color: transparent;
color: #A88FC7;
ul.MenuBarVertical ul li a
border: 0px;
color: #006600;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
/*ul.MenuBarVertical iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
/* ul.MenuBarVertical li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;

Cross-dissolve from white frame to adjustment layer no longer works in CC 2014

Windows 7, Premiere Pro CC 2014
I have a video clip in a nested sequence on V1 and an adjustment layer on V2.
I want to dissolve from a white frame to the clip using the adjustment layer.
In PP CC (not 2014) this was simple:
Starting with a white PNG graphic on V2, cross-dissolve to the adjustment layer.
However, in PP CC 2014, this causes a dissolve to BLACK over the duration of the dissolve and then a CUT to the video.
This behavior in CC 2014 is illogical. Why has it changed?
There are other ways to do this, but this one was quick and easy, and is required for hundreds of clips in existing sequences / projects.
Response from support via live chat:
thank you for your patience
the adjustment is layer is not functioning properly
https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform&loc=en
please mention it in the feature/bug request form

For me with a color matte it shows exactly the same behavior as with a PNG.
You're dissolving between the matte and the adjustment layer on V2?

IBooks Author crashes every 30 seconds: h264 encoder?

I am using iBooks Author 2.1.1 on Mavericks.
The program is crashing like every 30 seconds for no apparent reason (specific actions, that is). I cannot see the <edited by host> problem reporter anymore . This is what it offers all the time stating some problem with the h264 encoder framework (please see attached image below). A reinstallation has not helped so far. What can I do here?
Many thanks in advance,
Jan

Did you already try removing iBA's preference plist as part of your troubleshooting process?
I don't think that plugin is the culprit ...perhaps more like an incidental victim in this example.
However, as this is a predicable issue, you may want to get Apple Support on the phone and let them take a look.
Global Phone Support
We have expanded English-language publisher phone support. To make contacting the iBookstore support even easier, new local phone numbers are now available for Australia, France, Germany, Italy, Netherlands, Spain, and the U.K. Support is available Monday to Friday, from 7 a.m. to 5 p.m. (PT).
Country
Phone Number
Australia
1300 307 504
Note that this is a low tariff number.
France
0805 540 117
Germany
0800 664 5307
Italy
800 915 902
Netherlands
0800 0201 578
Spain
900 812 687
U.K.
0800 975 0615
U.S.
+1 (877) 206-2092
Toll-free from U.S. and Canada.
Applications:
[email protected]
As for the <edited by host> problem reporter , you can see error/crash logs if you know how to use Console in /Applications/Utilities and have the time to weed out related info - Support might ask you to do that, in which case they will inform the process, etc.
Good luck in any case.

Quicktime files showing up as white frame since Leopard upgrade

Recently upgraded to new Mac tower running Leopard from G5 running Tiger. Did a migration copy from old to new system. Since then iWeb'08 where I had been placing my quicktime files for my podcast are not showing a thumbnail only a white frame. It publishes correctly but very annoying. Any ideas?

I'm having the same problem in 10.4.11.

H264 encodes white frames at end of QT movie

Similar Messages

Maybe you are looking for