Adding .flv or .swf in dreamweaver on top of background image

Hi,
I added an image background 1900 x 1200 in dreamweaver, which will serve as my background image for my web site. I would like to incorporate my .flv or .swf on top of my background image. Although, when doing so, the .flv or .swf gets placed under the background image and not on top. How do I place the .flv or .swf file on top of my background image in Dreamweaver CS5.
Thanks

Hi
This sounds as though you are not actually using a background-image but just placing an image on the page. To get any help people will have to see your page and the code, can you provide a link to a live page?
BTW: Your background-image size is way to big for most users monitors, just thought you should know.
PZ

Similar Messages

How do I get rid of the thin line that goes across the top Persona background image.

There is a 1-pixel wide light grey line across the top Persona background image between the navigation toolbar and the bookmarks toolbar from left to right. Nomatter whatever persona I have installed, it is there. Same thing also when i hover on any other Persona at Getpersonas.com. It is not there when using any other program and not when only showing the desktop. Only when using FF4. My PC is a HP Pavilion dv6000 laptop using Windows Vista. This is not a monitor issue nor a graphic card issue since it only shows in FF.

for me, it happens on a maximized window. when i do restore to window, the line disappears.

Dreamweaver CC Design View background image render problem

Why in Dreamweaver CC does the Design View show any background image (CSS or HTML placed) with its top missing? The websites I produce with background images show fine in Live View and in the browser but why does the Design View have a problem with the positioning? CS5 didn't have this problem?

Please see attached screenshots, any ideas? You may not be able to see the red and green annotations, so just incase:
1. WRONG: The left screenshot is the Design View from Dreamweaver and this moves the grey background image up behind the header
2. CORRECT: The right screenshot is the Browser View and this is fine, showing the grey background image in the correct position.

TextField on top of background image

How can I put a textField on top of a background image with JSC?

How can I put a textField on top of a background image with JSC?I believe that when you put a background image in JSC... everything else would go on top of the background image. You set the background image by selecting the Background Image property under the Appearance part of the Properties panel. There you can select the image you want to set as background.
On the other hand, if you insert a separate image component instead of the background image... there you may have to tell your textField to go on top of the image. You do this by right-clicking the textField and selecting the Bring To Front option.
Franklin Angulo

Dreamweaver cs6 cannot publish background images

i have two pages onto which i downloaded background images. they really make the pages pop and i love the look but for some reason they will not upload and publish. i do not have the same problem with other photographs. go daddy says everything is fine on their end and it is a problem with the scripting on dreamweaver's end. i use dreamweaver cs6.

Ask in the DW forum and provide more exact info, source code and screenshots. Your description is far too vague.
Mylenium

Can Edge Reflow handle type on top of background image within a box?

What I mean is, from code point of view, it's not <img src="">, but <style="background: url()">, then put type on top of the background image. Can Edge Reflow handle that? Really appreciate your help.

This forum is actually about the Cloud, not about using individual programs
Once your program downloads and installs with no errors, you need the program forum
If you start at the Forums Index http://forums.adobe.com/index.jspa
You will be able to select a forum for the specific Adobe product(s) you use
Click the "down arrow" symbol on the right (where it says ALL FORUMS) to open the drop down list and scroll
http://forums.adobe.com/community/edge_reflow_preview

Dreamweaver CS4 Live View - background-image does not display

I'm teaching a basic Dreamweaver CS4 class, and one of my students happened upon a unique problem.
Although the students were not required to use LiveView for their assignment, the student noticed that when he clicked the LiveView button to look at his assignment, that the background-image property that he set on the #header DIV does not display.
I tried duplicating his problem by building a similar site to his, using the exact same Dreamweaver Starter Page he used, but I'm not able to reproduce it the problem. If I define a new site using the files the student sent me, the problem comes back.
I'm completely stumped. What could possibly be causing the background-image CSS property to stop rendering in Live View?
Thanks for any help at all!

Hi
Check your students css code for invalid or missing mark-up, or linking to the background image. Another possible problem, (occurs on some sites but not all) is to check if the url is enclosed in quotes as these are occasionally required but not always, also check for spaces in file names
e.g. - background-image: url(../images/yourimage.jpg); should work but occasional requires quotes as in - background-image: url("../images/yourimage.jpg");
PZ
www.pziecina.com

Adding a panel to an open GUI with a background image

Dear java programmers,
I want to add a JPanel with some components on an open(visible) GUI whenever a button is clicked. That JPanel carries a button, a progress bar, a label, and a textarea inside a scrollpane. Whenever the button of the panel is clicked a program starts working, and the progress and output of that program is reflected on the progress bar and textfield respectively. I 'put the code to generate and add the panel in a so called "Progress" class, which is different from the GUI class that contains the code to create and display the main gui.
My gui also has a background image to make is look fancy, which is added by the following way:
GUI mygui = new GUI();
mygui.getContentPane().add(new ImagePanel(new ImageIcon("/home/thomas/Documents/external_placement/Report/presentation4_transp.png").getImage()));
My problem is that the background image is hiding the panel (whenever added) and only when the cursor passes above the button inside the panel it becomes visible (just the button). However when I click the button and the program starts I can see everything inside the panel.
Is there an efficient way of making the panel visible at once?
thanks in advance,
Tom

Ok now that I'm certain about how to use code tags I'll try to make myself clear.
First of all I made it work by removing the ImagePanel , adding the JPanel and re-adding ImagePanel, all from within the Progress.class. But I'm not sure if this is the right way.
Below I'll make an attempt to provide some SSCCE--code. First of all the classes I'm using are 2, the GUI.class which contains all the components of the gui, and the Progress.class which has the additional panel and adds it to the gui whenever the "submit" button is clicked.
The code from GUI.class which is relevant to this question is:
public class GUI extends javax.swing.JFrame{
//the following are declared as "protected" because they are also used elsewhere
            protected static GUI mygui = new GUI();
            protected static ImagePanel backgroundImagePanel = new ImagePanel(new ImageIcon("/home/thomas/Documents/external_placement/Report/presentation4_transp.png").getImage());
            /* The constructor */
            public GUI() {
        initComponents(); //this method initializes all the components, puts the in a JTabbedPane and packs them the JFrame
        setLayout(new BorderLayout());
    /* the eventlistener of the "submit" button */
    private void submitButtonActionPerformed(java.awt.event.ActionEvent evt) {
        ProgressBarTest pbt = new ProgressBarTest(mygui);
        pbt.StartProgress();
    public static void main(String args[]) {
        java.awt.EventQueue.invokeLater(new Runnable() {
            public void run() {
                mygui.getContentPane().add(backgroundImagePanel);
                mygui.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
                mygui.pack();
                mygui.setVisible(true);
} And then I have my Progress.class:
public class Progress implements ActionListener, Runnable {
//the following are declared as "private" because they are also used elsewhere inside the class
    private static javax.swing.JProgressBar progressBar = new JProgressBar(0, 100);
    private static javax.swing.JTextArea progressTextArea = new javax.swing.JTextArea(5,20);
    private static ProgressBarTest _this;
    {color:#0000ff}private static GUI mygui;{color}
    /* the constructor */
    public Progress(GUI gui){
        _this = this;
        {color:#0000ff}mygui = gui;{color}
    private static void createAndShowPanel(){
        javax.swing.JScrollPane progressScrollPane = new JScrollPane(progressTextArea);
        javax.swing.JLabel progressLabel = new JLabel("Progress");
        javax.swing.JButton progressButton = new JButton("Do something");
        progressButton.addActionListener(_this);
        javax.swing.JPanel progressPanel = new JPanel();
        javax.swing.GroupLayout progressPanelLayout = new javax.swing.GroupLayout(progressPanel);
        progressPanel.setLayout(progressPanelLayout);
        progressPanelLayout.setAutoCreateGaps(true);
        progressPanelLayout.setAutoCreateContainerGaps(true);
        progressPanelLayout.setHorizontalGroup(
                progressPanelLayout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
                .addGroup(progressPanelLayout.createSequentialGroup()
                .addContainerGap()
                .addGroup(progressPanelLayout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
                .addComponent(progressScrollPane, javax.swing.GroupLayout.DEFAULT_SIZE, 872, Short.MAX_VALUE)
                .addComponent(progressBar, javax.swing.GroupLayout.DEFAULT_SIZE, 872, Short.MAX_VALUE)
                .addComponent(progressLabel)
                .addComponent(progressButton, javax.swing.GroupLayout.Alignment.TRAILING))
                .addContainerGap())
        progressPanelLayout.setVerticalGroup(
                progressPanelLayout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
                .addGroup(javax.swing.GroupLayout.Alignment.TRAILING, progressPanelLayout.createSequentialGroup()
                .addContainerGap(25, Short.MAX_VALUE)
                .addComponent(progressButton)
                .addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.RELATED)
                .addComponent(progressLabel)
                .addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.RELATED)
                .addComponent(progressBar, javax.swing.GroupLayout.PREFERRED_SIZE, 33, javax.swing.GroupLayout.PREFERRED_SIZE)
                .addGap(19, 19, 19)
                .addComponent(progressScrollPane, javax.swing.GroupLayout.PREFERRED_SIZE, 161, javax.swing.GroupLayout.PREFERRED_SIZE)
                .addContainerGap())
        javax.swing.GroupLayout layout = new javax.swing.GroupLayout({color:#0000ff}mygui.getContentPane(){color});
        {color:#0000ff}mygui.getContentPane().setLayout(layout);{color}
        layout.setHorizontalGroup(
                layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
                .addGroup(layout.createSequentialGroup()
                .addContainerGap()
                .addGroup(layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
                .addComponent(progressPanel, javax.swing.GroupLayout.PREFERRED_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.PREFERRED_SIZE)
                .addComponent{color:#0000ff}(mygui.jTabbedPane1{color}, javax.swing.GroupLayout.PREFERRED_SIZE, 496, javax.swing.GroupLayout.PREFERRED_SIZE))
                .addContainerGap(100, Short.MAX_VALUE))
        layout.setVerticalGroup(
                layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
                .addGroup(layout.createSequentialGroup()
                .addContainerGap()
                .addComponent({color:#0000ff}mygui.jTabbedPane1{color}, javax.swing.GroupLayout.PREFERRED_SIZE, 362, javax.swing.GroupLayout.PREFERRED_SIZE)
                .addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.RELATED)
                .addComponent(progressPanel, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, Short.MAX_VALUE)
                .addContainerGap())
       {color:#0000ff} mygui.getContentPane().remove(mygui.backgroundImagePanel);
        mygui.getContentPane().add(progressPanel, BorderLayout.SOUTH);
        mygui.getContentPane().add(mygui.backgroundImagePanel);
        mygui.pack();{color}
    public static void StartProgress(){
        ProgressBarTest t = new ProgressBarTest({color:#0000ff}mygui{color});
        new Thread(t).start();
        javax.swing.SwingUtilities.invokeLater(new Runnable() {
            public void run() {
                createAndShowPanel();
    public void actionPerformed(ActionEvent ae){
// signal the worker thread to get crackin
        synchronized(this){notifyAll();}
// worker thread
    public void run(){
        while(true){
// wait for the signal from the GUI
            try{synchronized(this){wait();}} catch (InterruptedException e){}
            Dock dock = new Dock();
            int chainArrayLength = dock.PrepareDockEnvironment();
// start a long-running process -this is a task performed by "Dock.class"
            for (int i = 0; i <= 100; i++){
                progressBar.setValue(i*100/chainArrayLength);
                progressTextArea.append("Docking chain No "i".\n");
                System.out.println("actionPerformed sets progressBar value to: "+i);
                dock.StartDocking(i);
}Please notice how I use the GUI object (named "mygui") inside the Progress.class to retrieve components from the main gui (particularly the jTabbedPane1), align them with the additional panel (progressPanel) and add them to the main gui again. I tried to color blue the lines where the GUI instance is used but I'm not sure if they will be visible.
My questions are:
1. Is this the right way to add a new panel to a jFrame from an external class? Do I add jTabedPane twice in the above code?
2. Is this the most efficient way of making the additional panel visible at once, meaning by removing the ImagePanel (backgroundImagePanel) adding the panel (progressPanel) and finally adding again the ImagePanel (backgroundImagePanel)?
Hope I was perspicuous.
Tom

Adding text boxes, etc on top of background image (bitmap)

I have an image (saved as a bitmap that I created in a drawing program) and I want to add it as a background to one of my panels in my swing application. I need to be able to put stuff on top of it, such as text boxes, etc. What is the best way to get this image as the background????

I converted the image to a jpg and tried to then used the code in the thread though my situation is a little different since I want to add the image as a backdrop of a JPanel which is inturn a tab on a JtabbedPane. I use the following code but it doesnt seem to work
ImageIcon icon = new ImageIcon("backdrop.jpg");
JPanel jPanel13 = new JPanel() {
public void paintComponent(Graphics g)
// Approach 2: Scale image to size of component
Dimension d = getSize();
g.drawImage(icon.getImage(), 0, 0, d.width, d.height, null);
setOpaque(false);
super.paintComponent(g);
tabbedPane.add(jPanel13, "System Status");

Need help flushing background image to top of browser window

OK, this may be a very common problem, I'm just an idiot. In
Dreamweaver I have a background image in a centered div on the
page. Can anyone help me get that div to the absolute top of that
screen? I've already set the body tag to 'margin=0 padding=0' but I
don't know what else to do. Now when I look at it it's fine on my
pc but the mac is the one that displays the space....Help!
-Thanks, Nathan
Website in question:
www.stormsheltersdirect.com

Your site is asking for a user name and password?

Website logo needs to sit on top of backgropund image with no box

I am trying to create a logo with a transparnt background for my website, so my logo can sit on top of background images. I have created different file, png, gif, eps all with transparent backgrounds but everytime I upload it to my website builder (wix) it has either a grey or white background. Can someone advise on how I would ahcieve the correct file?

Jadelm,
Presuming you are referring to the large grey box, I agree with Gonzalogxg.
If you are referring to what appears to be a white fringe, it should only occur in GIF and only if you have a Matte colour different from the background, but not in PNG and EPS.

After adding a flashfile .swf into a dreamweaver page and trying to run it, I get an error message related to Javascript

after adding a flashfile .swf into a dreamweaver page and trying to run it, I get an error message related to Javascript
I have no trouble viewing other websites with (most likely), flashfiles.
Here is the the PopUp message:
"Adobe-warning Adobe Flash PLayer has stopped a potentrially unsafe operation......"

In newer versions of Flash Pro, you can export to HTML5 Canvas, that's probably what they're talking about: Flash Professional Help | Creating and publishing an HTML5 Canvas document
.FLV and .SWF are Flash formats that won't show up on iOS (or an ever increasing number of other mobile devices). Mobile Flash was killed by Adobe a couple years ago, so the number of mobile devices that can see it is dwindling rapidly, don't use those formats if you want your viewers on mobile devices to see your content.

Adding flv movie to dreamweaver page

so I am trying to add a flv to a dreamweaver page... looking at the help files.. I need to have either Sorenson Squeeze or On2 codecs... both which cost money.. It was initially a wmv file. which I converted to flv...
is this true that I need to pay hundreds of dollars for either Sorenson or On2 codecs to have these video files displayed on my html file? I do use dreamweaver.
is there any other way to do this? or is it definite that I have to purchase from the above.
If not, how else do I display an flv file in dreamweaver...
appreciate all knowledge.
thanks in advance.
J.

If you already have an FLV file in your possession, Save it to your DW Local Site folder. I like to put my videos into a Media folder, but that's not mandatory.
In DW, hit Insert Menu > Media > Flash Video > Progressive Video Download.
Browse to the Flash Video file -- in your local site folder.
Choose a player skin.
Hit OK.
Upload page and all dependant files to your remote server. Be sure to include your Scripts folder, FLV and SWF files.
If your native video is in some file type other than FLV, you must convert it first.
RIVA Flash Encoder for Windows is free.
http://download.cnet.com/Riva-FLV-Encoder/3000-2140_4-10320097.html
You'll find a boat load of others in a Google search.
Good luck!
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Adding FLV files GET RID of the skins?

Can I add HTML to my embedded FLV file to NOT have a skin?
This is what is there right now. Seems if I change SKINNAME to None
it doesn't play at all...I created this file from
AfterEffects...here is what Dreamweaver code is:
<object type="application/x-shockwave-flash"
data="FLVPlayer_Progressive.swf" width="160" height="136">

<param name="quality" value="best" />
<param name="wmode" value="opaque" />
<param name="scale" value="noscale" />
<param name="salign" value="lt" />
<param name="FlashVars"
value="&MM_ComponentVersion=1&skinName=Clear_Skin_2&streamName=movies/play-lo go_1_1&autoPlay=false&autoRewind=false"
/>
<param name="swfversion" value="8,0,0,0" />
<param name="expressinstall"
value="../../Scripts/expressInstall.swf" />

<div>
<h4>Content on this page requires a newer version of
Adobe Flash Player.</h4>
<p><a href="
http://www.adobe.com/go/getflashplayer"><img
src="
http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif"
alt="Get Adobe Flash player" /></a></p>
</div>

</object>
>

</object>

Flash video assumes a video player control is needed. Output
your FLV to
SWF instead. Then insert Media > Shockwave.
Nancy O.
Alt-Web Design & Publishing
www.alt-web.com

Images not linking from .swf within Dreamweaver

I am hoping someone can help...it's probably an easy fix.
I had this simialar probelm of my .swf being too large (http://forums.adobe.com/message/3705787#3705787) So I went and linked all of the images.
I am placing the flash catalyst .swf into dreamweaver, adding a simple footer (for ios users that flash doesn't work for) and the uploading to the site.
This is how my folders look:
I have place the full 'deploy to web' folder within the _assets folder and placed the main.swf from this location, however when I go to the site none of the linked images are there - www.coocoocreative.com
Does anyone know where I am going wrong? (I have checked my hosting server and all the folders are there).
Thanks!

Ok...it was really simple and I figured that problem out. I wasn't linking the .swf relative to the site root' (ok ok, I'm still learning, please be patient )
Thanks!

Adding .flv or .swf in dreamweaver on top of background image

Similar Messages

Maybe you are looking for