Inserting edge animate files correctly into Dreamweaver

Hi there all,
I am loving edge animate! i have made all sorts of web banners and slideshows!! This is my problem, I have a project i would like to add to a 2 column layout in the right colum but eveytime i insert the project where i believe it should go it appears on the otherside of my screen not in the area i placed it or the containing div..
Can somebody please help me.. This is my code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--Adobe Edge Runtime-->
    <script type="text/javascript" charset="utf-8" src="publish/web/seal slider_edge.js"></script>
    <script type="text/javascript" charset="utf-8" src="publish/web/seal slider_edgeActions.js"></script>
    <script type="text/javascript" charset="utf-8" src="publish/web/seal slider_edgePreload.js"></script> 
    <style>
        .edgeLoad-EDGE-90061968 { visibility:hidden; }
    </style>
<title>Seal Snorkeling</title>
<style type="text/css">
<!--
body {
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background-color: #42413C;
    margin: 0;
    padding: 0;
    color: #000;
/* ~~ Element/tag selectors ~~ */
ul, ol, dl {
    padding: 0;
    margin: 0;
h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;    
    padding-right: 15px;
    padding-left: 15px;
a img {
    border: none;
a:link {
    color: #42413C;
    text-decoration: underline;
a:visited {
    color: #6E6C64;
    text-decoration: underline;
a:hover, a:active, a:focus {
    text-decoration: none;
.container {
    width: 960px;
    background-color: #FFF;
    margin: 0 auto;
.header {
    background-color: #ADB96E;
.sidebar1 {
    float: left;
    width: 480px;
    background-color: #fff;
    padding-bottom: 10px;
.content {
    Float: right;
    width: 480px;
    background-color: #fff;
    padding: 10px 0;
    padding-bottom: 10px;
.stage {
    Float: right;
    width: 480px;
    background-color: #fff;
    padding: 10px 0;
    padding-bottom: 10px;
.content ul, .content ol {
    padding: 0 15px 15px 40px;
.footer {
    padding: 10px 0;
    background-color: #CCC49F;
    position: relative;
    clear: both;
.fltrt { 
    float: right;
    margin-left: 8px;
.fltlft {
    float: left;
    margin-right: 8px;
.clearfloat {
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
-->
</style></head>
<body>
<div class="container">
  <div class="header">
<div style="width: 100%">
<video controls="width: 987px">
<source src="seal.mov" type="video/mov" />
<source src="seal.mp4" type="video/mp4" />
</video>
</div></div>
  <div class="sidebar1">
  <img src="logo.jpg" width="470" height="216" align: "right"alt="logo" longdesc="logo.jpg" />
  <p><strong>Seal Snorkeling </strong> in Cape Town is the ultimate wildlife experience for the adventurous.  Plunge into the cool Atlantic ocean and swim with hundreds of playful Cape Fur Seals.  Interact with them in their environment and on their terms.  This half day excursion is for everyone and will be the highlight of your holiday.</p>
  <p><strong>Meeting Times </strong> <br>9am - November to February.</br><br>10am - September to Ovtober $ March to April.</br><br>Please confirm when booking.</br><br>There are afternoon options if the morning is fully booked.</p>
    <p><strong>Meeting Location </strong> <br>We meet inside Hout Bay Harbout, outside the NSRI building.</br> See directions below</p>
    <p><strong>Trip Duration</strong> <br>3 hours.  This includes kitting up, briefing and traveling to and from the island.  On average, visitors spend an hour in the water.</p>
    <p><strong>What is provided?</strong> <br>We provide all equipment, a marine guide, boat ride, educational briefing, water, biscuits, hot chocolate and even a hot water shower to warm you up!</p>
<img src="divers.jpg" width="470" height="530" align: "right"alt="logo" longdesc="logo.jpg" />
     <div id="content">
    </div>
</div>
  <div class="content" id="test"><div id="stage" class="EDGE-6752322">
    </div></div>
  <div class="footer">
    <p></p>
</div>
</div>
</body>
</html>
If anyone has some advice i would be very grateful, Thanks in advance!!
Nick

Hi there,
Here is a pic of what im talking about, as you can see the edge file is now hovering over the entire project again..  didnt change a thing and now back to artifacts even after restarting please please please help

Similar Messages

  • Wrong Dimensions & Unwanted Gaps When Inserting Edge Animate Files In Dreamweaver

    I wasn't quite sure which forum this belonged in, so my apologies in advance if anyone feels this should be in the Edge Animate forum instead.
    I noticed when creating an animation in Edge Animate, when I publish it and try to add it within Dreamweaver, for some reason Dreamweaver is adding an extra 20 pixels to the width and the height. Also, since the Object tag used to embed it is Inline by default, it is also causing a small gap at the bottom of the animation between it and any blocks that come after it. Granted, I can go in and correct the dimensions in the code myself, and I can change the CSS on the Object tag to get rid of that gap. But what I'm confused about is why it is doing this - particularly with tacking an extra 20px onto the width and height, in the first place. Is there a setting somewhere to stop it from doing this? Below are screenshots of the animation in Edge Animate, where you can see the dimensions were 960x400, then a screenshot of Dreamweaver where you can see that it changed the dimensions to 980x420.

    Your container has a width of 960px. 
    Your Edge has a width attribute in the HTML code of 980.  Are you saying you didn't put that there?
    By default, all browsers add their own margins & padding to HTML elements.  It's customary practice for developers to zero out the default margins & padding with CSS.
    You can use a global CSS reset or do it manually.
    #block1, #block2, #block 3 {
    margin:0 auto;
    padding:0;
    width: 960px;
    Nancy O.

  • Unable to Insert Adobe Edge Animate files into Dreamweaver CS6!

    I have just tried the new Insert Edge Media feature in the new Cloud version of Dreamweaver CS6, but I can't get it to work!!
    I have the option, but all the files in the Edge folder are unhighlighted (grey'd out) and I am unable to select anything Edge has published. I have noticed that the file extension has recently changed from .edge to .an with the launch of Animate.. Is this the problem?
    Its a shame as its really quite tricky to put edge stuff into a web page at present..
    Any ideas?
    Wesley

    Do you have an HTML5 web document open?   
    Below are instructions from the DW CS6 Reference document
    http://helpx.adobe.com/pdf/dreamweaver_reference.pdf
    Import Edge Animate compositions | Creative Cloud
    This feature is available for Creative Cloud members and point product subscribers only.
    You can import Adobe Edge Animate compositions (OAM files) into Dreamweaver. The composition is placed at the location of the cursor. Dreamweaver extracts the contents of the imported OAM file to a folder named edgeanimate assets. You can change the default location in the Site Setup dialog.
    1. Ensure that your cursor is at the location where you want to insert the Edge Animate composition.
    2. Select Insert > Media > Edge Animate Composition.
    3. Navigate to the location in your computer containing the OAM file, and open it. The animation is placed at the specified location.
    By default, the contents of the OAM file are extracted to the edgeanimate_assets folder. A sub folder with the name of the file is created. The contents of the OAM file are placed in the Assets folder under this location.
    You can place Edge Animate Compositions into individual pages not part of any site. The files are extracted to the location of the page.
    Location of extracted files
         A. The edgeanimate_assets folder
         B. The folder created using the file name of the OAM file
         C. The Assets folder containing the extracted files
    4. Preview the inserted Edge Animate composition in a browser or in the Live View.
    Change default location for extracted files
    1. Open the Site Setup dialog for your site.
    2. Under Advanced Settings, select Edge Animate Assets.
    3. In Asset Folder, modify the location for extracted files
    Nancy O.

  • Edge Animate Stage size in Dreamweaver fluid grid

    I have developed an animation and have almost everything scaling and resizing acceptably in a Dreamwaevr template...except the stage.
    In Edge animate I have a stage size that is 1212px x 400px. When the animation is viewed on a PC all the dimensions are fine, but when viewed in tablet or mobile phone, the vertical height remains at 400px... which leaves an enormous gap between the bottom of the animation and the next div.
    I have set the stage dimensions to %, and have turned on the "link width & height" switch, and the stage still does not respond in vertical height.
    How can I get the stage to respond vertically with a fluid grid layout in Dreamweaver?
    I also note that every time I open up a previously saved Edge Animate file, the stage automatically opens the file at 550x400px, instead of the correct dimension for that animation, so that I have to then reset the stage size to what is correct for that animation... ..any reason this may be so?
    Thanks,
    Glen.

    Thanks for your reply. You're right about most people not resizing their viewport during a session, but unfortunately the problem exists whether the screen is being resized or not. Refreshing the screen doesn't solve the problem.
    The width of the div adjusts to the width of the screen as expected and the Edge Animate composition inside it does too, but the height of the div doesn't adjust. As the animation gets smaller to fit the width, the height of the div that contains it remains the same, leaving empty space at the bottom of the div. What is needed is for the div to scale to fit the page width proportionally. Instead, only the width is adjusting.
    So I guess I need to know if there's either a way to force the div to scale proportionally or a way to tell it to adjust to the animation that it contains.

  • Edge Animate Ellipses Changing into Squares in Indesign preview play. What's wrong?

    Edge Animate Ellipses Changing into Squares in Indesign preview play. What's wrong? Previewing on a PC desktop.

    I'm using a OAM file. Placing it as I would an image. In EA, I grouped an ellipse with a text box and then applied the fade on effect to the group. Each fades on as the timeline progresses. I hope that answers your question. let me know if not. I also tried to ungroup the two layers and apply the fade to each individually but it produced the same effect in the content viewer.

  • Insert an audio file (MP3) into a BLOB

    I want to insert an audio file (MP3) into a db table.
    i have declared the db field to be blob.
    can anybody tell me what java code to write to insert an audio obj into db blob field.
    thanxx in advance.
    Raheel

    I have never tried an MP3 file but have done images.
    I assume the same type of methods would work.
    Try looking at some of these forum answers.
    http://forum.java.sun.com/thread.jsp?forum=48&thread=446603
    http://forum.java.sun.com/thread.jsp?forum=48&thread=448964
    http://forum.java.sun.com/thread.jsp?forum=31&thread=458059
    http://search.java.sun.com/search/java/index.jsp?and=blob+store&phr=&qt=&not=&field=&since=&nh=10&col=javaforums&col=wireless&rf=0&Search.x=15&Search.y=8
    rykk

  • Edge Animate file working on main blog page but not on the individual blog post in BC

    I recently uploaded an edge animate file to my blog which is host on Business Catalyst (BC). The edge file works on the main blog page but not on the individual blog post. How can I solve this problem?
    I did the following steps:
    I added the required Adobe Edge scripts on my main blog template.
    Create folder on the server called "edge_includes" and uploaded the 'edge.5.0.0.min' file.
    Create folder on the server called "js" and uploaded the 'jquery-1.7.1.min' file.
    Copy and pasted the div to the part of the blog post I wanted the file to appear (<div id="Stage" class="EDGE-13973370"></div>).
    Uploaded the name of the js file to the root called 'World of Code_edge.'
    Uploaded the images to the existing folder called 'images.'

    I'm still unable to figure out the problem.
    Here is the link to the blog: http://goo.gl/sPW62j (the post titled "Basic Computer Science is a Fundamental Skill in the 21st Century Society").
    Here is the link to the individual post: http://goo.gl/jTSgZH
    Also, I get mixed results on the main blog page. Sometimes the image (Edge Animate file) on the main page shows and other times it does not. However, the image never shows on the individual blog post.

  • Already have a GIF file,put it in Edge Animate and make into an embedded web file on my site? how?

    Hi there,
    Im new to this particular programme. I use PS, Illustrator, AE and PP quite a lot,
    However i have never used Adobe Animate and have tried for the last few days using online videos etc..
    Here is my issue...
    I have a GIF already. When i put it on my Wordpress site it only plays once and doesnt carry on...
    I need to animate it into an embedded file i think? HTML.. etc
    I have the GIF file. i also have the frames from the Gif as JPEGS...
    I dont know how to simply import the gif or jpegs and render off as a html web video...
    Please help me?
    I know this is vague and my undertsanding of this particular programme is not great but i use other adobe products daily and feel i just need a bit of help to get me going..
    Many Thanks
    Sophie

    Also
    - how was the animated .gif created? If you are not seeing it loop the creator must have the loop playback set to 0 when it was created. Example Photoshop frame based animations has the option to set the loop to 0 or indefinite or a predefined set x of times; Fireworks also has a similar option. So somewhere along the way loop back is off in your file.
    - You could open the animated gif file in Ps or Fireworks reset the loop to indefinte.
    - Since you have the indivual frames you  can also import them into Ps as separate layers, then control the playback options as you wish. (http://helpx.adobe.com/en/photoshop/using/creating-frame-animations.html)
    - 'render off as html web video'?? Please elaborate.
    How does Edge Animate fit into what you are wanting to achieve?
    Darrell

  • Insert Edge Animate Compositions Unavailable

    I don't have an option to import Edge Animate Compostitions in Dreamweaver's 'Insert' menu.
    Was this an update to CS6 only available in the cloud and not to boxed versions?
    I have CS6 master collection. DW 12.0 Build 5861 for Windows.

    This feature of inserting Edge compositions directly into DW is available only to Creative Cloud subscribers (at the moment, since Creative Cloud brings in all the new features as soon as they're released). See here: http://helpx.adobe.com/dreamweaver/using/import-edge-files.html
    However, you can manually insert your Edge compositions into your code with a div tag and a unique Identifier to the div, also adding a few supporting Edge files. You should publish your Edge composition for 'Web'. You can possibly decode the published index.html file source code after that. If you need more help doing this, do post back!
    -ST

  • Edge Animate files (.oam) won't open on Mac

    I have a Muse template I purchased with Edge animations, and I have Edge Animate CC installed, but the files fail to successfully open in Edge Animate CC on my computer when I try to open or edit them. When I first tried to open the files, they weren't associated with any application, so I associated them with Edge Animate. Now if I try to open one of then it will open Edge, but the files will not open. The program opens, but the files don't. They also don't open from within the program itself. In the Finder, the File Info dialog box lists Kind as Adobe Edge Animate CC 2014.1 Document. In the preview section of the file info box it doesn't show the nice icon, it shows the Mac's plain exec icon. In the Finder, it shows the nice Adobe OAM preview with the "M" shape drawn out in paths.
    I am running OS X Yosemite, 10.10.2 on an iMac Retina (Late 2014).
    Steps I have tried so far:
    I have uninstalled Adobe Edge Animate CC, then reinstalled
    I have restarted the computer
    I have repaired disk permissions
    I have attempted to open with Dreamweaver (program opens, but file doesn't)
    I have inspected the contents in a text editor. xml document within contains the comment: CDATA[Widget Exported from Adobe Edge]
    Anybody have any ideas why I am running into problems opening the files? Thanks in advance.

    I have learned that I don't need to open the .oam files, there are .an files elsewhere I need to open. I will mark my own question answered in this case.

  • Insert more then one animation into dreamweaver

    how do I insert more then one adobe edge animation into dreamweaver via html code?

    Hi, bullydog2009-
    You should be able to insert multiple iframes into your HTML document.  Try this post for syntax:
    http://forums.adobe.com/message/4741310
    Hope that helps!
    -Elaine

  • Working on implementing an Edge Animate (2014.1) into a Wordpress page.

    This is a manual implementation and it appears that all the guidance offered is for anything prior to 2014.1. 
    When I publish I don't have access to the preload file which is an essential part to previous implementations with Wordpress. 
    Does anyone know of a tutorial or information regarding doing this?
    Any suggestions would be greatly appreciated.
    PS I am relatively new to Edge Animate - so my apologies in advance!

    I worked this out yesterday.
    You can uptick Web,
    Publish the Animate Deployment package.
    Then in wordpress, add the plugin called 'Edge suite'... (yesterday I had some problems getting the plugin to work and eventually had to track down the developers current dev build which worked fine, he's a solo developer even though Adobe refer to his plugin in their own video tutorials).
    Once the plugin is installed.
    You load up the the published file... and then activate some shortcode script and add the shortcake with an id that relates to your edge item into your Wordpress post.
    It seems we can't post links here.
    I posted a blog entry about this and some vimeo layer embedding.
    If you search google for 'How to animate elements in front of and behind your embedded Vimeo or Youtube Video'
    you'll find my scrappy blog post... skip the first 75% of it... and it will run through publishing form Edge and posting to Wordpress.
    Enjoy.

  • Edge Animate file does not view properly in Firefox

    Adobe Edge Animate 1.0 file does not view properly in Firefox (3.5.19)—figure gets cropped...  but looks fine in Chrome and Safari. 
    Here's a link to the file: http://127.0.0.1:54321/Users/breuter/Desktop/RD_Test%3AEdge/Flying_R_Man6.html?mode=previe w 
    Thanks for any help.

    Hi Darrell,
    Thanks for your note... this should help: http://rdtest03.businesscatalyst.com/index.html
    It may take a few moments for the animation to load.
    Cheers,
    Bill

  • Edge Animate file has become partially unresponsive.

    I've been working on a interactive infographic, nothing special just clickable elements to a URL. After a trial run in my website, I'm come back to find the file while in Edge Animation can not copy or paste an object or text. I can make a new object, say a circle, but it does not register in the Elements column. Additionally, I opened a new file, only to realize the same malfunction exists. The following error pop-up appears upon trying to copy or past;
    I've quit the application many times, and even re-installed. After the re-installation, in a new file I was able to add a shape, copy and paste it, while it populated in the Elements column. But once I opened the file in question, the malfunctioning returned.
    Below is the html. If you need the supporting files I can provide immediately.
    Message was edited by: kmccart2
    <!DOCTYPE html>
    <html>
    <head>
         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
         <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
         <title>Untitled</title>
    <!--Adobe Edge Runtime-->
        <script type="text/javascript" charset="utf-8" src="interactive%20web%203_edgePreload.js"></script>
        <style>
            .edgeLoad-EDGE-6242459 { visibility:hidden; }
        </style>
    <!--Adobe Edge Runtime End-->
    </head>
    <body style="margin:0;padding:0;">
         <div id="Stage" class="EDGE-6242459">
         </div>
    </body>
    </html>

    Yup. I can work along happily, save, etc. But as soon as I make a new text entry and paste some unformatted text in from textedit (and I am sure it is set for plaintext), it immediately gives me that error. It will let me keep working, but nothing past that point is saved.
    I'm on OS X 10.8.5, 3.4GHz quad core i7 with 16gb of RAM, Edge Animate CC 2.0.1.268.25632.
    Oh, and once I have this issue, my Undo function no longer works until I restart Edge.
    Matt

  • How to insert External XML file content into XMLTYPE through Pro*c

    Could any one sugest me how to insert a external XML file content into Db
    into XMLTYPE datatype through Pro*c program.
    Thanks for any help...... who has done this
    Ghanta Tagore

    Hi
    After some good fight of 3 days, I have done it through Pro*c
    This is the way to handle this
    Buffer-->Temporary Clob-->XMLTYPE(using CreateXml)
    Pasting my piece o code to do this
    ===============
    OCIClobLocator *license_txt;
    varchar h_ttt[1024] = {'\0'};
    ub4 amt;
    int i;
    EXEC SQL ALLOCATE :license_txt;
    EXEC SQL LOB CREATE TEMPORARY :license_txt ;
    GetName(name); /*Gets Name to insert into name column in License Table*/
    for(i=0; i<4;i++)
    GetXMLL((char *)h_ttt.arr); /*Gets a string value of XML into this example*/
    /*<Tagore>Is From TCS Delhi</Tagore>*/
    /*This can be changed to get buffer from FILE */
    h_ttt.len = strlen((char *)h_ttt.arr);
    amt = sizeof(char) * h_ttt.len ;
    EXEC SQL LOB WRITE APPEND :amt FROM :h_ttt INTO :license_txt;
    EXEC SQL
    INSERT INTO license_table VALUES (:sss, :name, sys.xmltype.createXML(:license_txt))
    ================
    Thanks For ur Help
    Tagore Ghanta

Maybe you are looking for

  • Why does my LabVIEW occasionally display in Chinese?

    Windows Vista and LabVIEW 9.01. Occassionally when working in LabVIEW, different parts will suddenly begin displaying in ( presumed ) Chinese characters - see attached screen shot.  I do not speak Chinese and have never had any of my OS regional sett

  • Bug in apple dvd player?

    has anyone epxerienced this? I am experiencing a strange thing where buttons are intermittently not highlighting. Like after viewing a track, and pressing menu, I am on my menu with nothing highlighted (and menu targets are set to specific buttons).

  • I think that this is a bug in text field!

    Hi! Steps: 1.create Frame 2.create text field (textFieldTest1) and add in frame 3.create text field (textFieldTest2) and add in frame. 4. show frame 5.enter some text in textFieldTest1 and stay here. 6.Minimize frame. 7.Open again frame 8.The caret i

  • Info about the linux-firmware package and rt2780-usb-fw

    Hello, I have a have question about the linux-firmware package in the repo. Recently there was an update for this package and when I checked its contents I saw that it also updates rt2870usb-fw. Maybe I am a bit confused about the all kernel modules

  • Client Authentication/Authorization via ISE & AD, Posture Registry Key, and mapped to specific DHCP scope by AD membership

    Hi Team, I'm currently working on a configuration entailing WLC and ISE where the customer wants a single SSID,and wants his wireless clients to authenticate successfully if they pass a registry key compliance.  Additionally, they want clients to rec