Swf Files in top of Images

I am fairly new to Dreamweaver so maybe someone knows the answer to this. I downloaded a basic template simply so I would not have to make the backgrounds right away as I am more or less just trying to learn the basics of Dreamweaver to start. I set up all of my images and I wanted to lay a .swf file on top of it. The way I was reading earlier was to go to Insert>Layer Objects>AP Div. I did that and then I selected the new AP Div and did Insert>Media>SWF and chose my swf file. I then moved it to the center of the background and since it was fairly small, i upped the size of the player in the .html code. The issue I am having is I have to move it very far to the right to get it to center on my web browsers. It also doesn't necessarily keep the size I gave it. Once I get it looking correct in my Chrome, it might be positioned drastically in a different browser. On my co-workers computer it is even more drastically different. Anyone have any ideas of how to correct this or a better way to place the .swf on top of another image? I may have done this a very weird way, if that is the case please criticize lol. Your information would be much appreciated.

We can't see your work (no link provided in your post), so this is a guessing game.
For basic layouts, the use of APDivs (aka Layers) are not a good choice as they remove content from the normal flow. Misused, APDvis can have horrible consequences as described in the link below:
http://apptools.com/examples/pagelayout101.php
For best results, use default CSS positioning (none/static) and learn to use CSS margins, floats and padding to align elements on the page.
Learn CSS positioning in 10 Steps
http://www.barelyfitz.com/screencast/html-training/css/positioning/
Background images should be applied to your body or division with the CSS background property.
#divName {
background: url (yourBG-image.jpg) no-repeat
Then it's a simple matter of inserting regular images, text or media on the page without resorting to APDivs.
More on using Background images with CSS:
http://w3schools.com/css/css_background.asp
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Similar Messages

Can you use a swf file like a background image

The header has a css background image and the spry menu bar
lays over it. Is it possible to attach a swf file as the background
image in css or even in html?
Maybe as a background-attachment somehow? Or simply in the
html code?
I am using CS4 but I believe the website was created with
CS2.

I don't know anyone, that knows what they are doing, that uses flash for websites anymore
There are a few holdover gaming sites that still use it, but even those guys are making the move to JavaScript, HTML5 and CSS3.
@bretC,
There are far too many people using mobile & tablet devices that don't support Flash (iOS, Android, Blackberry, etc...) It's not good business to ignore those people.
In terms of alternative technologies, look at HTML5, CSS3 and JavaScript animations made with Edge Animate. These are well supported on all modern devices. Edge Animate is part of the Creative Cloud plan. Products | Edge Animate | Adobe TV
Nancy O.

!! Exporting SWF file in PDF reduces image quality.

Hello,
I have a file with many multi-state picture frames and buttons for them. I export it in pieces in SWF format, then I put the SWF's back in the document as a new layer and export as interactive PDF. Finally everything worked fine, except that PDF opens in a larger then normal zoom and when zooming in on pictures the quality is very poor I am guessing 72ppi at the intended zoom. I check the SWF file and see that its image quality is good when zoomed, so the problem is with the way the PDF has exported the SWF.
notes: I made sure the settings were to export at 300ppi and high image quality. When I take a single multi-state frame with its associated button and export to SWF then PDF the image quality is maintained.... however I have over 150 image frames, so I rather not export them individually. Please, please reply... any suggestions will be gratefully excepted.

edit your image in photoshop and experiment with various settings/size. there's no magic high quality small file size setting.
it's a trade-off. the higher the quality and the greater the image dimensions, the greater the file size. you have to decide where those are acceptable.

SWF file doesn't load images correctly and buttons do not always work properly.

YO!
I have a big problem - I decided to make a website using flash as I am good with photoshop and thought it would be fairly easy to construct in flash using tutorials. All went well except now the website is published, weird things happen. The homepage works fine but when you click on "portfolio" some of the buttons don't appear and when you try the buttons, some images don't appear. Occasionally some of the buttons take you to the wrong place also. When I test the movie in flash, everything works fine so I can't work it out. PLEASE HELP! Ps. I am a complete novice so advice will have to be spelt out in black and white.
Thanks in advance. Website is here:
www dot branadesign dot com

This tends to happen when i press the portfolio button (note only half the buttons on the side appear):
This sometimes happens when I press the services button (doesn't go to services page and shows buttons down side when it shouldn't):
I have published the flash file as a SWF and assume all the images are embedded in the file. If you keep pressing buttons repeatedly, the website starts to work which makes me think they are all there but only work once the web browser has cached all the images. I have tried it in firefox and IE with similar effects.
Pab

PPT swf file upload problem. Image is massive

I am having a problem putting my PPT swf file into my meeting room. I used iSpring to convert it into the swf file and the converted file opens in flashplayer perfectly with the navigation bar at the bottom. When I load it into my meeting room, it's huge and won't fit into the room properly. I can't seem to resize it to get it all in the share pod at the same time. Even if I make the share pod tiny, it still only show about 2/3 of a tiny presentation.
Any help you could offer would be appreciated. A different program to convert? A different way of getting it into the meeting room? I am on day two of this and it is making my head hurt.

It sounds like a caching problem.
Try disabling caching in your JSP and also in your internet browser.
Check out the following thread for more info.
http://forum.java.sun.com/thread.jsp?forum=45&thread=190269
I hope this helps,
Val

Inserting Windows Media video file on top of image

Can anyone tell me how to get a windows media file inserted on top of an image? I did it once by making the image the page background, but that prevented me from being able to create hotspots on the image for links. Now the 2nd time around, I have the image placed through the Insert command but can't figure out how to insert the video on top of it. Click below to see the two examples. Thanks.
http://www.keystonemkg.com/anniversary.html
http://www.keystonemkg.com/anniversary2.html

I know there are different options for embedding video. I started off with WM to see how well it may work. If I have any problems, I may try converting it fo to another format such as flash, or even uploading it to a youtube site and embedding the code. Thanks for the advice.

How to I make my animated vector images better quality when exporting to a SWF file?

I created an interactive PDF and SWF file. My animation only works on the SWF file, but the vector image is low res. On the PDF it doesn't animate (which I know,) but it's high res. However, the SWF file animated, but looks low res. Thoughts?

Changing text to an image should never be considered since there is no content for the SEO spiders and the images will slow your page download time to a crawl.
This page shows web safe fonts and also how you need to use hosted fonts if you want something different...
http://www.iwebformusicians.com/iWeb/Fonts-Colors.html
The above method uses an HTML snippet and, since this is fairly cumbersome, is only suitable for adding features like special headings. It does allow you to add text shadow using CSS rather than all these wasteful PNG images.
To use hosted fonts on a whole site you would need to add CSS styles in the head of the HTML doc for every page of your site. But its not low tech and, if you could do this, you wouldn't be using iWeb!

Help with inserting SWF file into .html page

I created a photo gallery in Flash CS5.5, using the advanced photo gallery template. It works fine as a standalone SWF file but it's not displaying properly when I try and insert it into the Gallery page of my website.
The thumbnails are showing as blank white boxes and the main image holder isn't showing at all, though the controls beneath it are showing. The SWF file and all the images are stored in site/images/gallery/ and my Gallery page is in the root. What's going on here? Can anyone help please?
Thanks

If you are storing any of your Flash assets in sub-folders and having problems... it's most likely because of pathing problems. For review:
Pathing issues
Almost always when it works on the local machine and not the server, it's a pathing problem.
You can put your Flash related files in whatever folders you want, they do NOT have to be in the root, they do NOT all have to be in the same folder. But if you have a problem and if sticking them all in the root folder works, then you know that the issue was a pathing problem.
Just remember that paths used in the .swf become relative to the Web page on which the .swf is placed, NOT it’s physical location. So for example, if your .swf is in the flash/data folder and you use that .swf on a Web page in the root folder, you are in effect, removing that .swf from flash/data and putting it in root. So if the .swf is loading any related files (xml, images, video, etc), the path used inside the .swf to load the .xml file has to be relative to it's new location in root and then back down into flash/data. This is true even though when testing the .swf by itself, it can be inside flash/data and work just fine, since relative to it's location, the path is just fine, they are in the same folder. But if that same path is used when the .swf is placed on a page two folder levels up, the relative path has changed, the old "same folder" path will not work.
In fact if you are placing the .swf on a web page in a different folder than the .swf is stored in, and that .swf calls external assets, then direct clicking and opening of the .swf in it’s folder should NOT work! That’s because the paths to the external assets should be relative to the Web page and not the physical location of the .swf.
So just be sure that you use addresses relative to the final Web page locations (not physical file locations) and you can put the Flash related files in what ever folders you want.
Best wishes,
Eye for Video
www.cidigitalmedia.com
What it boils down to is that you need to path the Flash assets from the Web page that you place the main .swf on... NOT the physical location of the .swf
Best wishes,
Adninjastrator

Append swf file - Spry.Utils.updateContent - not work

I don't understand this
When I try to add swf file to Spry Tabbed Panels content -
everything is OK. Now - in tabbed panels content I want to insert
data from external html files. In this external file I have swf
file and text, and images. When I preview this html external file
in browser - all data are displayed correctly. When I try append
this file into tabbed panels content :
<a href="#" onclick="Spry.Utils.updateContent('apDiv1',
'products/products1.htm'); return false;">Append file</a>
only swf file in a new window are display.
If I delete swf content from external html file - everything
is ok. But if in external append file is a swf content - IE display
only swf file.
Is there posible to append html file with swf file in this
method in any way?

Hi Elaine,
The implementation of AC_FL_RunContent() suggests that it was
only meant to be run *BEFORE* the page finishes loading. Because
Spry data sets and regions load and redraw asynchronously, usually
*after* the page finishes loading, they are not compatible. As
we've mentioned above, if Spry triggers the call to
AC_FL_RunContent(), it will most likely be *after* the onload event
has fired, and since AC_FL_RunContent() uses document.write() it
will result in the entire page being overwritten by the
<object>/<embed> tag that it writes out.
That all said, libraries like SWFObject were designed to be
called even after the onload event fires, at least from what I can
tell from their samples. If you need to extract data from a data
set to create your SWFObject, you can simply attach an observer to
your data set that will tell the swfobject to do what it is you
want it to do. For example:
<script type="text/javascript">
var dsProducts = new Spry.Data.XMLDataSet("products.xml",
"/products/product");
// Register an observer on dsProducts so that any time it
changes data or the current
// row changes, it tells the swfobject what to do:
dsProducts.addObserver(function(notificationType, notifier,
data)
if (notificationType != "onDataChanged" || notificationType
!= "onCurrentRowChanged")
return;
// Do something with the swfobject here:
var curRow = dsProducts.getCurrentRow();
// The following embedSWF call is only an example of how to
get the "productURL" column
// value for the current row and pass it to the swfobject.
The rest of the args, are left as names to
// show you what you should be passing.
swfobject.embedSWF(curRow.productURL, replaceElemIdStr,
widthStr, heightStr, swfVersionStr, xiSwfUrlStr, flashvarsObj,
parObj, attObj);
</script>
--== Kin ==--

Help to modiy few swf file

hi, can anyone help me out pleaes?
i have few slide show SWF file, what use embeded image to show the slide show..
what i want?
i want some one who can modify that swf file so that it will .. load image file from file and make the necessary change to the SWF to generate the slide show as is (Correctly).
for example...
on frame.. 1, it will stop (usig command)
on frame 2.. it will load the necessary images form a text file like imges.txt
on frame 3.. it start the slide show with the images from the images.txt. It must make necessarcy changes to shape or any object that related to that image. For exaple, it will fit, strecth or keep aspect ratio of the images.
plesae any one help me out.. If you are not clear? then ask me..
here is the link to check the sample file : please check it out and leave a reply...
http://rapidshare.com/files/415127051/Flash.rar
best regards
kamrul hassan

Hi there,
I was able to fix it by reading someone else's post in the forum (thanks to Webshawty5). This is what I did to fix it:
I created a new folder within the folder where my original files were, called it SWF, and in the publish setting options, I changed the path to point to this new SWF folder.
That seemed to work. I don't know why it doesn't work any other way... but at least, it's publishing them. Then I just move my SWF files to the original folder and it replaces any old SWF files I had there.
I know it's not ideal, but hey, IT WORKS!
Phewww... I feel much better now. Hope this helps you too:)
N.

An swf file does not show up in the website even though you can see it in preview and publish

I created a swf file from a mov file in Adobe Encoder. Thge movie shows up in Muse in both the preview and publish mode.
Does not show up in the webstie. The html file is in the assets foder and the swf file is in the image folder and the space is blank.
When i encoded the .mov file I saved it as FLV. Web 1920 x 1080, 16 x 9 5.4 Mbps is the setting for Flash Web Video when i encoded the file.

To see all the History and Cookie settings, select:
* Tools > Options > Privacy > History: Firefox will: "Use custom settings for history"
* Tools > Options > Privacy > History: [X] "Remember download history"

Creating a flash gallery for swf files

is there a template out there for a flash gallery to display other swf files?
Like an image gallery, but instead of images, they are swf files (some could be interactive as well).
Thanks !

You may have to do your own searching for such a template, but you should be able to convert an image version into an swf version without too much modification. If you are loading the files dynamically the same commands would be used. You may just need to mask the area for displaying the swf's since their stages will not define their boundariies when they are loaded into another swf.

Problem in dreamweaver - image file and swf file.

Hi friends.....nice to be here.
Ahnm, lets start from the beginning! J I am new here and my english isnt so good, but i´ll try to explain what was happening with my webpage using Dreamweaver CS3 and a swf file…..Im sure that for most of you it’s a basic problem with a basic solution, but I didn’t find one…..and I´m new to CS3 too ! J
I´m creating a simply webpage using 2 frames: Top frame and main frame, but my problem was in top frame.
I created an image (like a banner) to fill this frame, not background, an image with name company, phone number etc…..My intention was to put some buttons (using flash) in this image……..but NOT in all image…, so I split the image in two….half jpeg file, half a swf file…….joining this images on dreamweaver later…..
So, on dreamweaver works great……there everthing works perfect…..but on I.E, an BORDER appears, separating the two images
Well…..better than words, here is the images:
On dreamweaver
http://img204.imageshack.us/img204/2867/tela1.jpg
http://img543.imageshack.us/img543/2083/tela2.jpg
On I.E. (my problem)
http://img717.imageshack.us/img717/585/tela3u.jpg
Guys, I´m sure that was an easy solution………. I hope someone can help me…
Sorry for my english J
Hugs
Vinicius

1) You don't need frames. Why Frames are bad for you and your site visitors.
http://apptools.com/rants/framesevil.php
2) Don't use Flash for navigation. Many people can't use Flash. What will they do?
3) Learn HTML and CSS code first. This will make DW much easier to learn.
Start here:
HTML & CSS Tutorials - http://w3schools.com/
Then work through this 3-part tutorial:
Taking a Fireworks (or Photoshop) comp to a CSS based layout in DW
Part 1 --
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
Part 2 --
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt2.html
Part 3 --
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt3.html
For best results, post a URL to your web page. You'll get faster replies and much better answers that way.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Different versions of animated image in single swf file

I am making a game which has several objects (beds, crates, tables) that can be placed on a grid.
The objects are created in flash and exported as individual .swf files. Each object can be rotated. To do this I create 4 frames in each .swf and draw a different version of the image in each frame. This allows me to 'rotate' an object in actionscript by simply going to the next frame of the swf movieClip.
This simplifies things a lot for me, as it follows logically that an object will have one image file (swf) for all orientations. However, I've hit a problem in that I would like the object to have an animation. Does anyone know if there is a way to do this? or perhaps another technique I could use.

I think It's best to explain with an example. Let's say I have a television that I draw in four different frames with different rotations. The first frame has the television facing in a south west direction. The 2nd frame has a south east facing television and so on. This is what I have at the moment. What I'm wanting to do next is add an animation to the television, e.g. display something moving on the screen.

Swf file causing rollover images not to work

I've inserted a Flash file into my webpage in Dreamweaver and it broke all my rollover images. Even deleting the swf file and reinserting the rollover images doesn't work. I've read a few threads on this but can't quite find exactly what I'm looking for. I think it's something in the <head> code but I'm not sure. Any help would be much appreciated!
<head>
<title>Matt Relstab | Still Photography | Moving Pictures | Sound Design</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript">

<meta name="keywords" content="natural light photography, media producer boston, online media, photographs, sound design, audio for film, web video, video production,
boston production, portable recorder, digital photography, digital media production">
</script>
<style type="text/css">

</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

For starters, look at the first line on your errant page, it starts out:
<meta name="keywords" content="audio reel, foley artist, sound effects mixer, audio mixer
boston, sound engineer, post production">
<html>
Thats not good. If you look at your other pages, the <html> tag is first, the way it should be.
Switch them around, then try this, remove your <html> tag (the very first tag is where is should be) and replace it with this
<!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">
See what that does for you.
Gary
On Edit: I just noticed that you have
<meta name="keywords" content="natural light photography, media producer boston,
online media, photographs, sound design, audio for film, web video, video production,
boston production, portable recorder, digital photography, digital media production">
inside your js for the rollovers...Move them out of the script.
GAry

Swf Files in top of Images

Similar Messages

Maybe you are looking for