Pesky gap in graphics below Flash element

Hello,
I am trying to figure out why Firefox is showing a gap below my Flash banner that doesn't show in IE or Chrome.
I have tried aligning everything above the gap to the bottom and aligning everything below the gap to the top but I still see a gap in Firefox.
Can someone please take a look and tell me what I am doing wrong?
Thank you for any input.
Bocage Plantation
http://bocage2.audiblethinking.net/

Sorry about that. I am not exactly sure where the problem is, but I know it takes place after I put the <nav> in (in the html portion). If I understand what I am learning, the CSS at the top will structure my html code so I would have thought the CSS tageting my nav would be the focus. Maybe it is a different section though.
CSS part:
nav p {
font-size: 90%;
color: #FFC;
text-align: right;
font-weight: bold;
background-color: #090;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 5px;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #060;
HTML part: (bold italic is the part I added)
<body>
<div class="container">
<div id="apDiv1"><img src="Lessons/images/butterfly-ovr.png" width="170" height="158" alt="GreenStart Logo"></div>
<header></header>
<nav>
    <p>Home | About Us | Contact Us</p>
</nav>
<div class="sidebar1">
    <ul class="nav">
      <li><a href="#">Green News</a></li>
      <li><a href="#">Green Products</a></li>
      <li><a href="#">Green Events</a></li>
      <li><a href="#">Green Travel</a></li>
      <li><a href="#">Green Tips</a></li>
    </ul>

Similar Messages

Spry menu bar does not appear over flash elements in I.E. 8

Hi, My spry menu bar does not appear over any flash elements in I.E. 8. Every other browser it workd fine. Can anyone please help? Thanks
A link to one of the pages is http://www.innervisionfilms.tv/pages/showreel.html
My spry code is
@charset "UTF-8";
/* SpryMenuBarHorizontal.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, an auto width box with no margin or padding */
ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: auto;
    font-family: Verdana;
    color: #000033;
    font-weight: bold;
/* 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 a fixed width */
ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 130px;
    float: left;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 8.2em;
    position: absolute;
    left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    width: 8.2em;
ul.MenuBarHorizontal ul li a
    width: 10.2em;
    background-color: #4E81B4;
    left: auto;
    background-image: none;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    position: absolute;
    margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #FFFFFF;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-left-color: #FFFFFF;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    background-color: #EEE;
    padding: 0.5em 0.75em;
    color: #000033;
    text-decoration: none;
    font-family: Verdana;
    font-size: 11px;
    background-image: url(../pagelayout/menubg.jpg);
    font-weight: bold;
    border: 1px solid #003366;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    background-color: #003366;
    color: #FFFFFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #003366;
    color: #FFFFFF;
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.MenuBarHorizontal a.MenuBarItemSubmenu
    background-image: url(../pagelayout/menubg.jpg);
    background-repeat: repeat;
/* 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.MenuBarHorizontal ul a.MenuBarItemSubmenu
    background-image: url(../homepagelayout/greenbarbg.jpg);
    background-position: 95% 50%;
    background-repeat: repeat;
/* 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.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarDownHover.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.MenuBarHorizontal 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.MenuBarHorizontal 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.MenuBarHorizontal li.MenuBarItemIE
        display: inline;
        f\loat: left;
        background: #FFF;

I still can't find a solution. Changing the parameter wmode:transparent works for .swf files but .flv files do not have the option to add this parameter. If you add it in the script manually it doesn't do anything. Any help would be greatly appreciated. I cn't find any solution online.
Thanks,
Adam

Flash element over html

I'm trying to create something similar like on this site
http://www.mitsubishimotors.com/MMNA/jsp/index.do
there are 2 flash element on this page the top big image and
the bottom image slide show. My question is when you rollover on an
image on the slide show, the image extends up. How can we do that?
the slide show which is a flash element is about 150px height but
when we rollover it it's about 300px height. Do they use layers in
html? Is there any tutorial for that?

Getting a step-by-step understanding of what is done in Flash
is a major
undertaking that I would not have the time or patience for.
If you want to
duplicate this complex Flash site, much good luck to you.
The site makes use of no less than ten external actionScript
files (*.as.)
to load, manage, and unload a variety of content.
The "apparent" gap between the "upper" and "lower" Flash
elements is no gap
at all in my opinion. Per the html of the containing page,
the window-mode
is set to transparent, making it seem to be two elements with
that "gap"
being a transparent area of a single Flash movie. all Flash
is rendered over
or on top of the HTML, a quasi layers sort of thing.
The slide show is 226 pixels tall with initial content 113
pixels tall
appearing in the bottom and expanding upward upon the
mouseOver event.

Shockwave Flash elements blank in IE11 on Windows 8.1

Hello,
I'm an IT admin at a school. At the start of this year we moved our 1:1 year 7-12 grades and staff to Windows 8.1 x64.On the whole this has been a positive experience, however, we have noticed that randomly but consistently, a number
of users are having an issue in IE11 when accessing websites that contain Flash elements.
Our student administration system has a flash page login and when staff often access the site it displays a blank page (the Flash element is actually just displaying a white box which is coincidently on a white background making the whole page
look white. There are no errors and upon checking the Add-On's the 'Shockwave Flash Object' plugin says it is working, yet not displaying. Another instance would be a particular banking website login screen that uses Flash and is also blank.
To overcome the issue the affected user has to reset the browser and then it's all good again. I have started, reluctantly, suggesting to users that they use Chrome (which works) until something is sorted out.
This is a really annoying issue affecting over 700 of our users, would appreciate some support or advice from other users if this issue has been seen and/or addressed elsewhere.
Cheers!

Hi,
Please check and install available Windows Update. Especially make sure
this update is installed.
If the issue still occur, please refer to the below article to troubleshoot your Shockwave player installation:
Troubleshoot Shockwave Player installation | Windows
http://helpx.adobe.com/shockwave/kb/troubleshoot-shockwave-player-installation-windows.html
Karen Hu
TechNet Community Support

Problem with flash element in Dreamweaver

Hi, I am a little new to dreamweaver and am starting up a new
site with a flash element. I have started this out and it works
great on my computer when i preview it, but the flash element isn't
showing up when I publish it. When it loads in the browser it says
the page is "Done, but with errors" and when I click on that it
tells me that the problem is in line 12 of my code which is:
AC_FL_RunContent( 'codebase','
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','wid th','1027','height','53','src','menubar','quality','high','pluginspage','http://www.adobe. com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','menubar'
); //end AC code
I have also published the swf and the AC_RunActiveContent.js.
I have published the site to
http://www.sectiondesign.com/porcelain/porcelain.html
any help would be great.
Thanks a lot

misner51 wrote:
> Hi, I am a little new to dreamweaver and am starting up
a new site with a flash
> element. I have started this out and it works great on
my computer when i
> preview it, but the flash element isn't showing up when
I publish it. When it
> loads in the browser it says the page is "Done, but with
errors" and when I
> click on that it tells me that the problem is in line 12
of my code which is:
>
> AC_FL_RunContent(
> 'codebase','
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#
>
version=9,0,28,0','width','1027','height','53','src','menubar','quality','high',
> 'pluginspage','
http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Vers
> ion=ShockwaveFlash','movie','menubar' ); //end AC code
>
> I have also published the swf and the
AC_RunActiveContent.js.
> I have published the site to
>
http://www.sectiondesign.com/porcelain/porcelain.html
Base upon:
<script src="Scripts/AC_RunActiveContent.js"
type="text/javascript"></script>
You page is looking for the JavaScript file at this location
but cannot find it:
http://www.sectiondesign.com/porcelain/Scripts/AC_RunActiveContent.js
I also checked here:
http://www.sectiondesign.com/Scripts/AC_RunActiveContent.js
and did not find the file. Make sure that you upload the
script to the appropriate location, or adjust the path so that it
points to the place where you uploaded the file to.
It appears that your menu SWF file is present at:
http://www.sectiondesign.com/porcelain/menubar.swf
Danilo Celic
| Extending Knowledge Daily :
http://CommunityMX.com/
| Adobe Community Expert

The Image viewer flash element could not be found

The image viewer flash element could not be found. What
should I do? Any plug in exists or is it mistake in program? Help
me, please. Thx Joe

Hi,
The issue here is the mapping of the interface to the service in question, and usually points to a possible mistype or rename of something within your service architecture.
You need to make sure your namespace and service name here match your service name itself.
For detailed information, you could refer to:
https://haddicus.wordpress.com/2011/06/06/service-attribute-value-not-found-wcf-services/
http://stackoverflow.com/questions/9557221/the-type-restservice-weddingservice-provided-as-the-service-attribute-value-i
Regards

Flash element - change pointer from arrow to hand in Director

Hi everyone,
I build a pop-up box in flash that I want to use in Director.
It is sort of a tab, that hides in a corner of the screen and when
the user rolls over it, it slides out showing some buttons. How can
I tell director to change the pointer into a hand when the user
rolls over the buttons inside my flash element (not when it rolls
on the tab itself)? Also, can I code these buttons to open PDF
documents from Director, even thou it was made in flash... if so,
how?
Thank you for your help!
Rafael.

> How can I tell director to change the pointer
> into a hand when the user rolls over the buttons inside
my flash element (not
> when it rolls on the tab itself)?
Check the docs for 'hitTest' and/or 'mouseOverButton', or
alter the
Flash file so that it tells Director to change the cursor whn
appropriate.
> Also, can I code these buttons to open PDF
> documents from Director, even thou it was made in
flash... if so, how?
Either use 'setCallback', or add some AS to your Flash file
telling
Director what to do.
getURL("lingo: mHandler");
will call the handler #mHandler in a #movie script, while
getURL("event: mHandler);
will call the handler #mHandler in a score script attached to
the Flash
sprite

Copy and paste text and graphics between Flash and Illustrator

When copying text in Illustrator and pasting them to Flash, some text would become drawing objects and some remain text. A drawing object is not editable. If I import the AI file, then text remains text but the placement of graphics can be a little bit off sometimes.
It's just not possible to copy-and-paste text and graphics from Flash to Illustrator.
Is it just me? If not, when will Adobe have better integration between the 2?
Thanks,

Even though you can change your InDesign preferences for Clipboard Handling to allow formatted information to be pasted into InDesign from other programs, unfortunately Illustrator still won't allow you paste in text with formatting. This is due to how Illustrator and InDesign handle text differently. Even if you copy the text from Illustrator and paste it into a program like Word, which has a lot of different ways to handle formatted text, Illustrator just treats text differently than other Adobe applications.

Grey boxes around my flash elements?

I currently run a website that is set up with several flash
elements butted up next to each other using tables (
http://www.deltasoniccarwash.com).
This method used to be fine. The tables were invisible to the user.
With the latest update of internet explorer this is no longer the
case for pc users. Now when my site is viewed in Explorer 7 (on a
PC) grey boxes appear highlighting my table when a user scrolls
over them. My flash rollovers do not work until a person clicks
into the box. I've looked at several other flash sites and this
problem is not seeming to affect them. Can someone please point out
what I'm doing wrong. Thank You.

Geez... two years now it's been like this and this question
is _still_ being
asked. Go figure... Just use SWFObject.
Dave -
Head Developer
http://www.blurredistinction.com
Adobe Community Expert
http://www.adobe.com/communities/experts/

F9 on mac to show flash elements

Hi
I just bought an extention and here I have to add some info
on the flahs.
To do this it says that I have to press F9 to get Flash
elements up. First I have to click on the flash itself and then
press F9. But on a mac I cannot seem to make this happened.
How do I do this???

baiaz wrote:
> Hi
>
> I just bought an extention and here I have to add some
info on the flahs.
> To do this it says that I have to press F9 to get Flash
elements up. First I
> have to click on the flash itself and then press F9. But
on a mac I cannot seem
> to make this happened.
>
> How do I do this???
F9 on Windows opens the Tag Inspector. So try from the top
menu: Window -> Tag Inspector.
Danilo Celic
|
http://blog.extensioneering.com/
| WebAssist Extensioneer
| Adobe Community Expert

Display flash elements based on Coldfusion Query

I would like to have my page display certain flash elements
that are dictated by the html content on the main part of the page.
The main content would come from a query that contains primary
keys. Now, the question is, can I get flash to display the
corollary ads based on the primary keys?
What is the basic protocol for this type of integration? Can
I do this with AS3 somehow? What is the best way to get flash to
'listen' to the query and execute?
This is also on the CF forums. Wasn't sure where to post
exactly...
Thanks in advance

I would like to have my page display certain flash elements
that are dictated by the html content on the main part of the page.
The main content would come from a query that contains primary
keys. Now, the question is, can I get flash to display the
corollary ads based on the primary keys?
What is the basic protocol for this type of integration? Can
I do this with AS3 somehow? What is the best way to get flash to
'listen' to the query and execute?
This is also on the CF forums. Wasn't sure where to post
exactly...
Thanks in advance

Web Browser Flash Elements

Maybe I'm asking way too much of poor old OS 9. But if I could fix this issue, OS 9 would be SO much more useful for me...
There are some websites that simply cause Mozilla to crash and burn. (Including Mozilla 1.3.1, WaMCom Mozilla 1.3.1, and Netscape 7.02. Given that all three of these browsers seem to share the same basic binaries, they all seem to sorta crash on some websites no matter what I do.)
An example is usaa.com. One I log in and try browsing through the site, Mozilla/Netscape will show the "watch" cursor, and the system will be unresponsive until I force-quit and reboot the computer.
My first course of action was to troubleshoot Java. I used to have Mac Runtime for Java version 2.2.5, but decided to update it to version 2.2.6 -- no change.
I uninstalled and reinstalled Shockwave Flash NP-PPC version 7.0 r73 -- no change.
I have fudged around with the preferences in Mozilla and Netscape, even dumped the preference file and started from scratch -- no change.
I took an alternate approach and tried using iCab version 3.0.5. iCab works OK, but anytime there is a flash element, the web page just says "loading" with the spinning gear on that particular flash element, and never really loads anything. iCab will load YouTube videos fine, but if I log in to usaa.com, it says "loading" infinitely with that spinning gear. Also, if I try using facebook.com, and I "ignore" or "accept" various invitations, it will also hang on "loading" that web page element forever and ever....
Another issue is that Mozilla and iCab both let me log in to me.com (holy cow, yes it did.) But, I am having the same issue as above, in that it usually causes Mozilla/Netscape to crash, and/or it causes iCab to hang on "loading" with that darn spinning gear in the web page.
So I was wondering if anyone here happens to use these websites on a regular basis with OS 9, and if so, what the best ways are to navigate through them? Am I missing something?
I can boot to Tiger just fine, but I would love to get OS 9 to do the job, too.

I do most of my internet tasks (forums, info surfing, weather, financial, etc.) using Mozilla 1.3.1 with OS 9.2.2. But I experience some of the same problems you have. Some sites require a Flash version higher than v7 (max for OS 9). Some sites just don't render properly. I can't access my American Express site for bill pay. I think java incompatibilities is a problem. But I still get freezes sometimes & have to force quit. I have allocated about 10X more memory to Mozilla, but still ge the freeze. Mozilla, like a lot of browsers suffers from memory creep when you've on-line for a long time. I think this large memory reqmt also causes the freeze.
For example, check the amount of memory (click on About this Computer under the Apple menu) for Mozilla when you first open it. Then after you have been on-line for a while, check it again.
Both Mozilla & Netscape are over 5 years old. Most web designers will/should check their HTML designs for proper page rendering using the current PC & Mac web browsers. But Mozilla & Netscape are too old; and Internet explorer from that era is worse.
When I'm booted in Tiger I use Firefox to view the OS 9 problem sites &pay my AE bill. Even Mac users with Safari/Panther have problems with some sites.
 Cheers, Tom

Clicking FLASH elements in the Web Browser

The website that I am working on has numerous FLASH elements
in it and I was wondering if there is anyway to make it so that
users browsing the site with Internet Explorer do not have to click
on the FLASH elements before navigating the site. Any help or
suggestions would be appreciated.

Go find SWFObject... PS - this has been this way for like
three years now...
Dave -
Head Developer
http://www.blurredistinction.com
Adobe Community Expert
http://www.adobe.com/communities/experts/

Could not find flash elements in cs6

hi, Can anyone can help how to find Flash Elements from Insert option. I want to create Image slide show without adding Html. But could not find Flash Elements and Image viewer from Media option,
If anybody can help please.
Thanks
Khan

Flash is not functional for a huge number of users on portable devices.
Try any of a zillion slideshows available by Google search.
For example:
http://jquery.malsup.com/cycle2/demo/

How to access Flash elements panel in DW SC3?

when I insert Image Viewer and every time I click on it the
Flash elements panel shows up automatically.
However if I close the panel group, I can no longer get the
Flash elements panels when I click on the Viewer and I can't find
any access or menu that opens this panel. The only way I found is
to create a new viewer and undo. Does anyone know how is one
suppose to access this panel after being closed?

1. First, minimize the file panel by clicking in the dark bar at the very top of the file panel (the one that has a little arrow on the right side), which will make the file panel tiny (no file names will be shown). Unless you have previously removed assets and snippets by dragging their tabs out and closing them, the tiny file panel will be attached to the asset panel and snippets panel, so you will be minimizing all of these at once.
2. Next, drag the file panel to the level that has tabs saying, Code, Split, Design.
3. Then drag the file panel to either the far left of the screen or far right of the screen, which will cause it to dock.
4. Finally, click the tiny arrow on the top right of the dark bar of the file panel; this will expand the file panel again so that you can see your file names. It will also expand the assets panel and the snippets panel if they are attached.

Pesky gap in graphics below Flash element

Similar Messages

Maybe you are looking for