Skip navigation
calebsewell05
calebsewell05
Currently Being Moderated

Swf Files in top of Images

Mar 4, 2011 10:00 AM

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.

639 Views   2 Replies   Latest reply: calebsewell05, Mar 4, 2011 1:48 PM
 
Replies
  • Nancy O.
    Currently Being Moderated
    1. Nancy O.,
    Mar 4, 2011 1:28 PM   in reply to calebsewell05
    Report

    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

     
    |
    Mark as:
  • calebsewell05
    Currently Being Moderated
    2. calebsewell05,
    Mar 4, 2011 1:48 PM   in reply to Nancy O.
    Report

    OMG I am sorry, I meant to post a link to it.

    I haven't updated it since I added a .swf file, but there is an image on it that is doing the exact same thing.

    The link is www.calebsewell.com/testsite

    My apologies for not posting it earlier.

    Thank you for that information also, I will check it out when I get back to work!

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points