Placing objects behind alpha objects

Really a simple question. (Note I am a new student at dreamweaver. Currently on version CS3)
I have an image (PNG for Alpha) and it is my sites header. I wanted to add objects behind this image. One is a simple gif for the header, and the other will be a flash document area.
The top area will have the logo for the site, whereas the bottom area will have a simple flash scrolling page (For site updates with graphic images)
I'll even include an example:

I think you're approach is a little bassackwards. You cannot use Flash as a background element. Moreover, Flash content always rises to the top.
The image you posted looks more like a Flash Player Skin than a suitable web page background. A common mistake among new web designers is trying to "fit" content precisely over a large, background image or photograph. This seldom works as planned because building for the web is nothing like designing for print. Owing to different browsers, user settings, text and display sizes which you cannot control, the web is an inherently flexible medium. No matter how hard you try, you cannot precisely position content over a big image and expect it to stick.
You would need to slice the image in Photoshop or Fireworks first then reassemble the pieces in your CSS or html table cells. To give you an idea of what I mean, have a look at this basic tutorial.
Bringing 3 image slices into a CSS layout.
http://alt-web.com/DEMOS/Image-slices-in-a-CSS-based-layout.shtml
More Advanced -
Taking a Fireworks (or Photoshop) comp to a CSS based layout in DW
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
Also read about the pitfalls of Absolutely Positioned Divisions or DW "Layers"
http://apptools.com/examples/pagelayout101.php
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.com/blogspot.com

Similar Messages

Adding a flash object behind another object

Hi, using dreamweaver 8, and I want to add a flash object
behind an image.
Basically I have downloaded an image of a retro TV, edited in
Photoshop and taken the screen out. The TV is sitting on a
transparent canvas, so that the screen would be transparent as
well.
I have a flash slideshow that I have created with
simpleviewer. If I insert this to the web page it runs ok, but I
would like to insert it behind the TV image, so it appears it's
coming out of the TV.
Is there any way that I can do this?
Thanks in advance.

Yes, but it will require a bit more work.
Consider a 3 column by 3 row table. Make the flash element
appear in the
middle cell of the table, and have the TV image appropriately
sliced so that
the required images appear in cells 1-1, 1-2, 1-3, 2-1, 2-3,
3-1, 3-2, and
3-3, in effect surrounding the Flash element.
You can do the same thing with background images as well.
I used this on this page -
http://www.neapco.com/n_why-neapco.php
for that main content Flash element.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"kidbrooke2" <[email protected]> wrote in
message
news:funed7$bar$[email protected]..
> Hi, using dreamweaver 8, and I want to add a flash
object behind an image.
>
> Basically I have downloaded an image of a retro TV,
edited in Photoshop
> and
> taken the screen out. The TV is sitting on a transparent
canvas, so that
> the
> screen would be transparent as well.
>
> I have a flash slideshow that I have created with
simpleviewer. If I
> insert
> this to the web page it runs ok, but I would like to
insert it behind the
> TV
> image, so it appears it's coming out of the TV.
>
> Is there any way that I can do this?
>
> Thanks in advance.
>

Selecting an object behind another object

I'm sure there is a simple answer to this. I am trying to place a rectangle behind a text box to make a bit of the text more visible. In other programs there is often a modifier key to select an object that lies behind another object. Does anyone know how to do this in iWeb 09?
Kim

Have you tried adding background fill color to the text box with the Inspector/Text/Text pane?
Click to view full size
That way there's no shape to have to align with.
Happy Holidays

Anchord objects behind text

I´m trying to place an anchor object behind a textframe, but it´s not working. Does anyone knos if it´s possible??
/Malin

It's not...in the future, please post InDesign related questions in the InDesign forum.
Bob

Send object behind text

Can you send an object behind text in the Ipad pages app so that the text is over the top of the object?

After some researching I found it more productive to use a
textArea component.
One reason was the UIScrollBar is attached to it so
dynamicallt resizing and moving is a breeze.
I looked into the movieclip method swapDepths() to change the
depth of movieclips and found
it may be useful down the road.
The main point of this thread was the dynamic UIScrollBar
sitting on top of the area when created.
With a dynamic textArea it positions itself acording to the
Layer hiarcy. Add setSyles and there is
no reason I see to use Dynamic text unless for less
overhead???
Thankyou kglad for you input!

Is it possible to get a video to play behind an object?

Hi all,
What I really want to do is have a video look like it's playing from an eliptical frame rather than a rectangular one. Is there a way I can place the video as normal in InDesign and place an object over it with an elipse cut out of it, the same colour as the background so it looks like a circular video is playing. Obviously, once the video is activated it keeps jumping to the front. Is there a way to keep it behind the object? Or is there an easier way to do this?
Thanks in advance.

You can create a dummy MSO frame that stays on top of the autoplaying video. There is a "Masking Videos" article in the DPS Tips app.

Placing an array of objects onto stage

I am trying to place an array of objects onto a stage where they drop vertically. I have been able to do it by placing the array objects into an object called "bag" but have found that the bag object only contains the last array object id so I can not apply actions to various array objects.
Also my objects do not loop and only appear once.
Below is the code so far.
var tempArray:Array = new Array(); // Stores randomised values
var bagArray:Array = new Array("gslow_id","gshigh_id","glow_id","ghigh_id","gdiv_id",
"gcall_id","gbust_id","gbull_id","gboom_id","gbear_id"); // List of bag names
function createBags() {
if (tempArray.length == 0) { // check if array is empty
     for (var i:Number = 0; i < targets; i++) { // for loop - creat variable bagName to the value of targets
     var bagName: String = bagArray[i];
     var depthLevel:Number = this.getNextHighestDepth();
     // attach movies to time line
     this.attachMovie(bagName, bagName, depthLevel, {_x:random(350) + 100, _y:random(0) + spacing});
     spacing += 45;
     tempArray.push(bagName);
     //trace(tempArray);
     bag = _root[bagName]; // create a bag object contain the bagName variable
     //trace (bag);
     bag.onEnterFrame = function() {
          if (this._x < 570 && this._y > 0) {
          this._y += speed * random(8);
          } else {
          this._x = random(500);
          } // end if (this._x < 570 && this._y > 0)
     } // end bag.onEnterFrame ()
bag.onPress = function() {
// if bag is pressed select action
//trace (bag);
xPos = this._x
yPos = this._y
unloadMovie(this);
score += 1000
scoreText_txt.text = score;
//trace(score);
checkScore();
} // end bag.onPress ()
//trace(targets);
//trace(bagName);
} // end for (var i:Number = 0; i < targets; i++)
} // end if (tempArray.length == 0)
} // End createBags()

try:
var bagA:Array=[];
var bagArray:Array = new Array("gslow_id","gshigh_id","glow_id","ghigh_id","gdiv_id",
"gcall_id","gbust_id","gbull_id","gboom_id","gbear_id"); // List of bag names
function createBags() {
if (tempArray.length == 0) { // check if array is empty
     for (var i:Number = 0; i < targets; i++) { // for loop - creat variable bagName to the value of targets
     var bagName: String = bagArray[i];
     var depthLevel:Number = this.getNextHighestDepth();
     // attach movies to time line
     var bag:MovieClip = this.attachMovie(bagName, bagName, depthLevel, {_x:random(350) + 100, _y:random(0) + spacing});
bagA.push(bag);
     spacing += 45;
     //trace (bag);
     bag.onEnterFrame = function() {
          if (this._x < 570 && this._y > 0) {
          this._y += speed * random(8);
          } else {
          this._x = random(500);
          } // end if (this._x < 570 && this._y > 0)
     } // end bag.onEnterFrame ()
bag.onPress = function() {
// if bag is pressed select action
//trace (bag);
xPos = this._x
yPos = this._y
unloadMovie(this);
score += 1000
scoreText_txt.text = score;
//trace(score);
checkScore();
} // end bag.onPress ()
//trace(targets);
//trace(bagName);
} // end for (var i:Number = 0; i < targets; i++)
} // end if (tempArray.length == 0)
} // End createBags()

Bring an object behind text

Is ist possible to bring objects behind text?
It should be possible somehow, becouse one template (Letter --> Elegant, im not quite shure if it's the same name in english) can do this!

Thank you very much Bekins.
Well, it's so easy if you know it

Cut or Inverse Masking via Blend.Layer + Blend.Erase = no mouse event listener for objects behind "glass wall"

I've successfully erased unwanted graphics using Blend and I can drag a desired object that is behind the erased area, but the dragged object does not have mouse events unless I drag if from behind the erased area. Does anyone know a good work around or how I can force the event to be dispatched when the object behind the "glass wall" is clicked? I can't find documentation anywhere that addresses this situation. If an object behind can not be selected how is it really erased? Thanks in advance!

Yes, and I want to keep it behind. It's visible and can be dragged, but
since behind the transparent area that has been erased using Blend.Erase it
no longer receives click events. Thanks for your response.
Michelle

How to hide front panel objects behind other front panel objects

Hi,
I need tho change an existing project and to make it simple just want to hide some front panel objects behind others. But I can't find how to put the one I wnt to the front hiding all others. So now there are some in front that should be hidden.
Is there a button or menu item "Move to front / back" like in many other programs?
Thanks
Martin
Solved!
Go to Solution.

Hi Martin,
what about the link I provided in my previous post? What else do you need?
What about the chapter "fundamentals" in the LabVIEW help?
Going the way "Fundamentals -> Building the FrontPanel -> How-To -> Reordering Objects" seems rather logically to me…
Best regards,
GerdW
CLAD, using 2009SP1 + LV2011SP1 + LV2014SP1 on WinXP+Win7+cRIO
Kudos are welcome

Selecting an object that is behind another object

Is there a keyboard command for selecting objects that are behind other objects in the stacking order? or is the only way to select them from layers menu? i'm always selecting the object that is on top of what I want to select, and wonder if there is a keyboard command to "click down" to the object i'm aiming for
thanks!

Scot18 wrote:
I've tried copying this idea by giving the car class a data value reference to a person class, but when I dereference the reference using an in place loop and call a method on it I get data from the moment the reference was made and not the current data of the person class.
Yes, LVOOP uses value based references, and when you split the wire to write the owner you created a data copy. The function you're after requires you do use a DVR for all class functions in which case you'll get reference based OOP, which is more familiar coming from text based OOP.
It just so happens that G# uses that approach, take a look at it.
/Y
LabVIEW 8.2 - 2014
"Only dead fish swim downstream" - "My life for Kudos!" - "Dumb people repeat old mistakes - smart ones create new ones."
G# - Free award winning reference based OOP for LV

Video titling behind moving objects

i recently saw a titling effect in a video, in which a motorcycle drove across the screen and as it passed a title appeared behind it. how does one create video titling behind moving objects? i have no experience in animation, so i'm guessing that the video layer is duplicated and the top layer masked, frame by frame? would an 8-point garbage matte work?

You won't have an easy time doing this in FCP, but Motion, After Effects, or ultimately Shake, can do this a lot easier. You have to rotoscope the motorcycle, accounting for the rims, and space between the engine parts, or anywhere else where you would logically see through to the background, then duplicate that layer on top of the original, with the text in between the two layers. Depending on how long the clip is, you're in for a long haul. But if the footage is anything but DV25, clip analysis and automated keyframing might serve you well as a starting point after the initial mask is made.

Add Tags to Document tool put one object behind another or just deletes page content?

Using Acrobat XI Pro to make documents 508 compliant PDF. I've had a number of issues went using Add Tags to document option, it’s put one object behind another or deleting it all together. Also had issues when trying to adjust the reading order, content is moved or deleted. This PDF is created from InDesing CS5
Anybody know what I'm talking about or have any ideas about how to fix it? Thank

Content should not ever be deleted by adding tags, but it may appear so since - as you note - objects may go into hiding behind other objects. In theory you can bring them out of hiding by rearrange things in the Order pane, but I have much better luck using the Content pane - it provides a much finer level of control. If text is hidden behind a shaded box, for example, I will move the box above the text in the Content order, then usually convert the box to an artifact if it is not one already.
Hope this helps.
a 'C' student

Menu is getting hidden behind pdf object in Internet Explorer.

Hi,
I am developing a web app, in which I am using object tag to show pdf files. The page is working fine in Chrome, Firefox browser and other browsers too except for Internet Explorer.
Problem:
The submenu options are getting hidden behind the pdf object tag in Internet Explorer(all).
Reference:
1. http://stackoverflow.com/questions/27655374/sub-menu-is-hidden-behind-pdf-type-object-issue-in-internet-explorer?noredirect=1#comment43754776_27655374
2. http://stackoverflow.com/questions/27655470/sub-menu-going-behind-the-pdf-using-html-object-only
I have looked into many blogs and forums but couldn't find the solution.
Please don't suggest the solution which is proposed in the below link,
http://stackoverflow.com/questions/25760079/jquery-combobox-behind-embedded-object-ie-only
as the above link is for select drop down, and my submenu are based on ul li tags.
Guys, is it a known bug which is in IE?
Thanks

This should be a bug in IE, you can try submit it to the IE connect and wait for MS's reply.

Fill in Illustrator is transparent and showing object behind. How do I make it a solid opaque fill?

The fill here keeps showing the object behind (the stright line). How do I make it opaque and not show any object or lines behind it? Thanks!

I may help to see the layers panel and the appearence panel. My guess is the line object has no fill and therefore you can see the red fill of the object behind it. In other words, if the red fill is to be on top of that line, then that object must be moved to the front or atleast one higher than the line object. The easiest way to do that is drag the object in the layers panel. Moving up the layers brings it forward and moving down the layers moves it towards the back. So the red layer should be above the line layer.
But thats a guess since I can not see your layers or appearance panels.

Placing objects behind alpha objects

Similar Messages

Maybe you are looking for