Edge Animate code output image location (X,Y) changes in Chrome and Safari
Hi there,
I'm working on my first project in Adobe Edge Animate, and so far it has been a miserable failure! Yay! Anyone out there interested in helping me out?
Here is a sample of the project so far: http://research.cs.queensu.ca/home/parker
My problem is that the green square's location appears incorrectly in Chrome and Safari browsers, but correctly in Firefox. I'm using a Mac Mountain Lion OS.
Why would an element have a different position when seen in a different browser? Note that all the other elements are displaying properly in all the browsers?
Thanks for your help,
-David
Try posting at the Web Development / Standards Evangelism forum at MozillaZine. The helpers over there are more knowledgeable about web page development issues with Firefox. <br />
http://forums.mozillazine.org/viewforum.php?f=25 <br />
You'll need to register and login to be able to post in that forum.
Similar Messages
-
Website www.bludot.com is not showing the proper BG image/video on all browsers (Safari, Chrome and all IE versions) but not on Firefox. The code is right, but FF is still pulling old images. The correct image/HTML5 video should be a cake, as displayed on all other browsers.
Firefox 9 is being withheld for Mac users due to unresolved crashing problems.
A test case would be nice and the URL for the website in question, so someone here can experience that problem first hand.
Or, try posting at the Web Development / Standards Evangelism forum at MozillaZine. The helpers over there are more knowledgeable about web page development issues with Firefox. <br />
http://forums.mozillazine.org/viewforum.php?f=25 <br />
You'll need to register and login to be able to post in that forum. -
Edge animate composition is not an option on insert media menu, and I subscribe to the cloud
edge animate composition is not an option on insert>media menu, and I subscribe to the cloud
If your product was installed via the Creative Cloud, you should be able to update it using the Creative Cloud. If your product was installed via other media (like from the DVD), you will not be able to update it using the Creative Cloud. Now that CC has launched, you might want to look at upgrading now and try it out now.
Thanks,
-Elaine -
Web pages have been loading without images or formatting in google chrome and safari
My web pages have been loading without images or correct formatting. I have tried using google chrom and safari but does not make a differnence. I have check for software updates and everything is up to date. Not sure what else to do???
Safari
Safari > Preferences > Appearance
Is the box for "Display images when pages open" checked? -
Edge Animate code into Dreamweaver jquery mobile theme?
I am having trouble getting my Edge Animate file to work on my Dreamweaver jquery mobile theme web site. I was told to get the code from my animate file and put it in my dreamweaver web site. Kind of like this.....copy the Edge runtime code, paste in web site under <head>. Then copy div stage code, and paste it in my website under the content div. I just cant seem to get it to work. It shows up blank.
Ok, i got it. I was making this a lot harder then it needed to be. If anyone else has this problem, you just publish your project when in Adobe Edge Animate, then save in the folder you are using for your website. Then in Dreamweaver you can go to insert media, find the file and insert it. All is well.
-
Edge Animate - Exception An error occurred. Please save your work and restart Edge Animate
I get this error every time I try to open the project I have been working on for days - I've attempted to create a new project and swap out the different pieces/parts from the previous project folder but it still causes the same exception error. I have also uninstalled/reinstalled Edge Animate CC twice, and cleared my preferences. Neither has resolved the issue.
Hello,
I had exactly the same problem and in my case I could not resolve it. It appears that somehow the file with contains the editable code gets corrupted leaving only the rendered content which cannot be reverse engineered.
I had to start all over again.
It has left a bad taste in my mouth. I do not think that the software is robust enough for professional use yet. I feel very insecure when I am working with it. Constantly expecting it to crash. I now save to two different folders but only compile in one. This helps to avoid the problem in the future.
Sorry.
David -
Firefox is very slow opening. Web pages load slowly. When I go to images in a Google search, the pictures take a long time to load, and when I click on an image, then the back arrow, the loading time for the previous page is very slow. When I print a Google map, it is small, rather than full-page. In Google Chrome or Safari, the same actions product immediate results. I cannot get Google desktop to work.
This sounds like a network problem, since it goes away when you connect through a different network. You'll need to talk to your university's IT department about this.
-
Chrome and Safari image alignment and color problems after upgrading to 10.8
I have just upgraded from lion to mountain lion with a clean install. My website davidandora.com now displays image sliced improperly aligned in chrome and with slightly adjusted colors on some slices in Safari. They appear fine in the same version browsers on Macbook also running the most current mac OS. I suspect this is not a browser problem since there are issues with both browsers, but what could be causing this? I have run all updates on my computer and browsers.
Checkout this address for a clear example in both browsers:
http://www.davidandora.com/andoracam/
and this image for what I am seeing:
https://www.evernote.com/shard/s16/sh/eb7ce0f4-4735-418d-8793-f867d7e4d642/b7caf 9b1a7e6671b0fd714ac3e98de08I will add that the current Firefox is displaying everything correctly. So strange.
-
Swap Edge Animate composition for image
Hello,
Is there a way to swap out an Edge composition for a static image when the viewport is at a certain size?There must be a trigger or event action somewhere in your project/ code that is firing it off.
To help pinpoint it, go to the Window > Code and from the Actions Panel on the left you should see a list of 'actionable' elements. Look for something like
Stage
{ } elementName.mouseout
Select them to review any code that is triggering a
window.open("http://www.adobe.com", "_self");
Modify or remove the above where it is no longer needed.
Darrell -
At various web sites, e.g., Eddie Bauer and Walmart, when I try to use their "store locator", I get no result.
go to '''TOOLS '''then '''OPTIONS''' then '''ADVANCED''' then '''NETWORK tab''' then '''SETTINGS tab''' and select the options '''NO PROXY''' click '''OK''' and '''OK '''again in the next screen. With that you have disabled the proxy settings.
''if you like to not disable the proxy settings choose'' : '''Auto-detect proxy settings for this network''' (it is in the same session)
thank you
Please mark "Solved" the answer that really solve the problem, to help others with a similar problem. -
Hello Everyone.
OK. Have been doing Edge Lesson's for quite nearly a year now, and wanted to share them with the community.
If you have any request or questions, please feel free to post them to the video links below, or in here, and I will
Try my best to assist you any way that I can.
Edge Animate has really come a long ways, and with the new CC, it has taken on a life of its own.
Look forward to what the future may bring with this awesome Adobe program release.
Wayne Barron
Dark Effects Production
Adding sound to Mouseover event in Adobe Edge Animate
3:42
1
Adobe Edge Animate - Add Sound in Mouseover Event
by darkeffectstv 1,987 viewsIn this video, we will learn how to add sound to a buttons Mouseover event in Adobe Edge Animate.…
Learning how to add sound to Adobe Edge Animate
7:08
2
Adobe Edge Animate Adding Sound to Project
by darkeffectstv 5,031 viewsAdobe Edge Animate Adding Sound to Project…
Remake, as the cursor was not in the last videos.
4:10
3
Adobe Edge Animate - Mirror Text Effects with Wipe On Text (Lesson 3) (Remake)
by darkeffectstv 447 viewsRemake with "Cursor" this time…
Remake, with Cursor
3:49
4
Adobe Edge Animate - Load Background Image (Lesson 3) (remake)
by darkeffectstv 1,050 viewsremake with Cursor, as Cursor was not int he original one.…
2:00
5
Adobe Edge Animate Starting Symbol at certain location
by darkeffectstv 245 viewsIn this quick tip.
We are going to stop a symbol from playing.…
6:53
6
Adobe Edge Animate Animate Logo to show and hide words
by darkeffectstv 418 viewsIn this lesson, we are going to learn how to take an Image (Like a LOGO for a company) and animate it on the screen, and show and hide words.…
5:44
7
Adobe Edge Animate Publish Files and JS Folder
by darkeffectstv 758 viewsIn this lesson, we will guide you through the ins and outs of publishing your site from Adobe Edge Animate, to a web server.…
6:19
8
Adobe Edge Animate Create a Pen and write a Line
by darkeffectstv 527 viewsIn this lesson, we are going to create a Pen, then write 2 lines.
This can be used in so many different projects, that it is endless.…
2:34
9
Adobe Edge Animate Rollover Button
by darkeffectstv 2,195 viewsIn this lesson, I will show you how to code a Rollover Button.
This is a very simple and easy way to create a Rollover Button, with very little effort.…
4:06
10
Adobe Edge Animate show Grid to fine tune your Animation
by darkeffectstv 77 viewsHave a lot of Animation in your project?
In this lesson, we are going to show you how to fine tune your animation down to the 30th of a second…
16:49
11
Adobe Edge Animate Create a Menu
by darkeffectstv 4,993 viewsIn this lesson, we are going to be creating an animated interactive menu, that is sure to grab your users attention.…
12:30
12
Adobe Edge Animate Menu Slide Down
by darkeffectstv 1,175 viewsIn this lesson, we are going to showing you how to create a Sliding Down Menu.
This was really big a few years ago, a lot of sites had these types of menus…
9:45
13
Adobe Edge Animate Menu Slide In from Left
by darkeffectstv 358 viewsIn this lesson, we are going to be creating a cool little menu that will slide in from the left.
I have never seen one like this before, and thought that I would create one, to see if it would work good,…
4:29
14
Adobe Edge Animate Pin and Timeline Indicator
by darkeffectstv 153 viewsIn this lesson, we are going to go over some basics on how to use the Pin and the timeline indicator. This will come in handy, if you have a big project and you wonder what happened, if something messes up …
16:43
15
Adobe Edge Animate Menu Button Header Footer
by darkeffectstv 905 viewsIn this lesson, we are going to be creating a Menu Button, with a Header and Footer.
This is a cool looking button, that will come in handy for some sites.…
12:56
16
Adobe Edge Animate - Shot Bullet from Gun and hit Wall
by darkeffectstv 110 viewsIn this lesson, we are going to be creating a gun, a bullet, a wall.
We are then going to shot the bullet, out of the gun, and destroy the wall.…
7:44
17
Adobe Edge Animate Menu Rollover Buttons
by darkeffectstv 1,047 viewsIn this lesson we are going to create some Rollover Menu Buttons.…
4:11
18
Adobe Edge Animate - Animate Ball Bounce Squish
by darkeffectstv 172 viewsIn this lesson, we are going to animate a ball, of which is going to bounce on the floor, and once it makes contact with the floor, it is going to squish down, just like a real ball will do.…
6:16
19
Adobe Edge Animate - Change Text when Button is clicked
by darkeffectstv 353 viewsIn this lesson, we are going to learn how to change the text of Textfield, when a button is clicked.
reusing the same Text Element over and over again, keeps the project clean and tidy.…
4:02
20
Adobe Edge Animate - Space Demonstration (Lesson coming soon!)
by darkeffectstv 49 viewsThis is a demonstration of a project that I have been working on for the last few days. This will be turned into a lesson, that will be available within the next week or so…
21:37
21
Adobe Edge Animate - Lesson 1 Space Project
by darkeffectstv 87 viewsAdobe Edge Animate space project, showing how to rotate elements around a centered element. Also, how to reuse the same text element over again…
9:32
22
Adobe Edge Animate - lesson 2 Display Planet Information using single text element
by darkeffectstv 61 viewsview lesson #1 first:
http://youtu.be/16GOY1QOD_…
1:39
23
Adobe Edge Animate - Open Link
by darkeffectstv 227 viewsIn this quick how to lesson.
We are going to create a link on Adobe Edge Animate.…
2:31
24
Adobe Edge Animate - Add Sound in MouseOut Event Part II
by darkeffectstv 192 viewsThis is a follow up to a previous lesson.
Please view the following lesson to catch up to what this is all about…
1:28
25Here are 2 video using "Edge Hero"
Adobe Edge Animate - Edge Hero Lesson 1 - 3d Objects
by darkeffectstv 107 viewsIn this lesson, we are going to be working with a new plugin for Edge Animate called
Edge Hero…
6:55
2
Adobe Edge Animate CC Lesson #2 - Loading Video with Edge Hero
by darkeffectstv 40 viewsIn this lesson, we are going to load some video into our edge project using Edge Her…
And this is the latest video for Edge Animate CC
Adobe Edge Animate CC - Lesson #3 - Animate ball bouncing on boxes and changing colors
http://youtu.be/MxxpQspBpcw -
Edge Animate Animation Flickering in IE 11 only
Im using Adobe Edge Animate CC 2014.0.1. I've created a basic keyframe 20 or so png animation with one sound effect in it. All on the main timeline. When published both locally and and on our staging server the animation flickers but only in IE 11. IE 10 is fine as well as Firefox, Chrome and Safari. There isn't any code added it's strictly a series of images on the the timeline spaced out for timing and one sound effect plays at a certain point. I've even removed the sound effect but that doesn't change the flickering. Any help would be greatly appreciated!
nope. no fade. i make the images go from 0% opacity to 100% to hide the previous image and make the current image visible.
-
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!!
NickHi 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 -
Edge Animate CC – Exception Error
I recently installed the test version of Edge Animate CC – but it doesn't work.
It starts up with a white screen and a popup showing the remaining days of the trail version, as expected.
After assigning the button continue trail, I may create a new document but can't adjust size or anything else without the error code:
"Edge Animate – Exception: An error occurred. Please save your work and restart Edge Animate" Any ideas? Running on mac osx 10.8.
I already deleted the preference folder – without effect.
Thank you for your help.
<moved from downloading,installing,setting up - kglad>Hi Elaine.
Ok, when the update will be ready?, I will try to optimize all to use just 2 symbols with gradients.
Thanks a lot .
P.D: Do you know if video.js works well on EA3?, or any .js script you recommend me. In video.js I can change the CSS easily but style not shown in Android/iOS tablets, only PC. -
Edge Animate to video format?
I have received a request to convert an Adobe Edge Animate animation output to a video format such as .mov .
Does anyone have and Idea on how to do this?Do a video capture with a video capture software like Camtasia or other free or cheap software like frontcam.
Maybe you are looking for
-
Query and return attributes from SAP R/3
Hi All, Please help in how to fetch attributes from SAP R/3 and display in IDM. There is an attribute which will have list of names and id's in SAP R/3 we need to fetch that information from SAP R/3 and display that information in SUN IDM. We are Usi
-
File can not be moved by drag and drop in the finder when not open Finder windows
With the operating system OSX Snow Leopard, it was possible, for example, a file from the desktop to pull drag and drop on the Finder icon, the page opened after a short and you could put the file in a folder. At this stage I must first open the Find
-
Why can I NOT name a Reminder List the exact same thing as a Calendar?
Remember the good old days when ToDo Lists where automatically related to a specific calendar? I want that back. Why can I not name a Reminder List and a Calendar with identical titles? Why do I have to create a calendar named "Blue Project" and t
-
Synchronous and asynchronous processes communication in WLI 8.1
Hi all, I'm using workshop with WL 8.1 to design by business processes. I have created one process which is invoked synchronously via a client request with return. Than I call this process in web flow. The process publishes message in the MB, which c
-
I am not able to access old Time Machine backups after OS install.
Hi, I recently did a fresh install of Mountain Lion. The system was getting sluggish from garbage collection, so I wiped it clean and started from scratch. Prior the install, I ran one last backup just in case. I went to restore some of my apps, l