Putting one Image on top of another

Hi.
I'm trying to finish a web page, where I can have a background image, and another image on top of it.
I've used some CSS, and I tried setting the background image as the background of a table, and then making a table within that for the image I want on top, but I'm having a hard time getting things lined up.
I need to keep the images separate, because I want people to be able to download the image on top separately.
Is there any easy way to do this in Dreamweaver?
Or is there a way to do this in Fireworks, and keep the images separate?
Thanks!!

I've checked this thread a few times now and I'm sure i'ts not my eyes even if it is the early hours of the morning here, but I have not once seen a link to the problem pages.
Unless you provide the code in full (html and css) - or even better upload all the working files to a remote site and provide the link, everything really is only a guessing game :-)
Proving a link, allows people to see the html, the css and all the imagery that makes up the site, by just posting code, we don't get to all of that interacting together to see what may be causing the problems.
Nadia
Adobe® Community Expert : Dreamweaver
http://www.perrelink.com.au
Unique CSS Templates | Tutorials | SEO Articles
http://www.DreamweaverResources.com
http://twitter.com/nadiap

Similar Messages

How can I put one "shape" on top of another in pages?

Hi all:
I'm trying to do something pretty simple. I made some shapes using the "shapes" tool in the toolbar. I want to put one shape on top of (or in front of) another but it gives me the masking tool instead. I tried putting a shap in the background but that didn't work either. it tends to snap the shape I move to it right back to where it was when I tried to move it. How can I do this?
Thanks!

I really don't understand what you are doing.
I inserted two shapes with their default settings and I got what you see.
I unchecked the box "Object causes wrap" but it's usefull when there are text objects in the page.
Yvan KOENIG (VALLAURIS, France) samedi 7 avril 2012
iMac 21”5, i7, 2.8 GHz, 12 Gbytes, 1 Tbytes, mac OS X 10.6.8 and 10.7.3
My Box account is : http://www.box.com/s/00qnssoyeq2xvc22ra4k

Can Aperture lay one image on top of another?

Remember the days of sandwiching two negatives and printing them as one image?
OK, most of you who can answer me were not born then. But that's what I want to do with two files—can Aperture do this for me?
Thanks,
Ben

Unfortunately, no.
You will need a program that can composite (typically with layers and transparency capabilities) so one image can show through another to varying degrees.
The most expensive option is Photoshop full version ($700) and the least would be Gimp (which is free).
Note - there are many other programs between the above price range including Photoshop Elements which will easily do the trick and more.
Editing this one to add that Pixelmator looks like a promising app and is available as a trial at their site:
http://www.pixelmator.com/
They also have a sneak peak of Pixelmator 2 which a new purchaser can purchase the current version from the Mac App Store for $29 and will receive Pixelmator 2 as a free upgrade when released.
http://www.pixelmator.com/sneak-preview/
I would suggest giving this one a try before looking at Photoshop or Gimp.

I want put on image on top of another image that will be the background

First, I'm a big believer in doing a "search" to find some existing tutorial to help me. But, as with the last time I asked a question here, no other tutorial (on Youtube or Julieanne Kost's blog) addressed exactly what I needed. I came here and got my answer immediately. (searching here seems to only default to asking a question on a new thread so here goes)
So here's my question this time: say I have a pic of a beer bottle ( that I know how to select) and I have a landscape pic. I want the landscape pic as the background and just place (and probably resize) the beer bottle (or frothy glass of beer or whatever) on top of the other image. Sounds easy, right? The tutorials on Youtube would spend forever demonstrating how to use the Pen tool and would click here and there quickly and pretty soon I'm just lost.
I'm going to provide two pics. If it's different with putting two selected images on the same image background, please explain how to do that as well. Like I say, the last question I had (putting a label from one bottle to another, remember?) only here did I get clear concise instructions, instructions I didn't get anywhere else. Please be detailed. I didn't even know how to open my layers pallette last time!

Hi there Below I've provided some easy steps for moving a selection from one image to another.
1. Open up both images in Photoshop - you can see that I have two open tabs, one named "Bottle" and the other named "River".
2. Grab the Quick Selection Tool from the toolbar, as highlighted below. There are other ways to make a selection (including the pen tool), but for a simple shape like a bottle or a label, the Quick Selection Tool works great.
To select the bottle, just click and drag to "brush" in your selection. To change the size of the brush, use the bracket keys [ ] on your keyboard.
3. To clean up yor selection a bit, go to Select > Refine Edge. Here you can adjust your selection. I've check the Smart Radius option and increased the selection radius a bit. When you're done, click OK.
4. Now you can move your selection over into your background. With your Bottle tab open, go to Edit > Copy (or hit command/control C on your keyboard). Go to the River tab and go to Edit > Paste (command/control V).
5. Done! The bottle now should be on a new layer with the river in the background. You can now resize or edit the bottle independently of the bacgkround layer.
If you need additional help, please feel free to post here again. In addition, I've posted two video tutorials below for you to look at. I hope this helped!
How to Merge Two Photos using Photoshop
How to merge two photos realistically using Photoshop CS6
Cheers,
Kendall

OMG: Putting one Mac on top of another puts the top one to sleep!

I just spent an hour trying to debug an interesting non-problem, that I thought worthy of report as many people seem to be reporting this sort of thing: My mac would boot to the apple, then go to blue screen, then to black. It didn't fail, it just seemed to go to sleep. I did all sorts of things trying to resolve this, hard booting, smc reset, pram reset, blah blah blah. NOTHING. So I gave up and closed the cover ... at which point it occurred to me that it might be just ... well ... alseep. So I opened the cover. Nothing. Then I noticed that I had it sitting RIGHT ON TOP OF A SECOND MACHINE OF THE SAME KIND...oh %^$#! Took the bottom machine away, et voila! Instant on!

There is an Apple KB article about this.
http://support.apple.com/kb/TS2917
Best.

New user question - superimposing one image on top of another

Hi,
I am a new user to Photoshop having downloaded the trial version of Elements 10 this morning so forgive my very basic question. I have a picture of a sunset and a picture of a ship. How do I place the ship in the sunset please? that is, how do I superimpose the ship on to the sunset background?
Cheers,
Mankie22

You can also try the quick selection tool. The selection tools take some practice to understand them. Changing brush sizes in the option bar may help you with either the selection brush tool or the quick selection tool. You want the selection to include the entire ship, not just the outer edges. You may have had the brush very small and therefore just selected a narrow edge of the ship.
Once you make your selection and paste it over the other layer, you should take a look at how the edges of the ship appear. If they are jagged, you might need to Undo a couple of steps and either fix up the selection ( change brush size, addto/subtract from). Another refinement would be to make sure you still have a selection tool active and then right click within the selection. Choose Refine Edge and you can smooth the edge there - along with other refinements available.
Click on Help in the menu bar and go to the Adobe help site. Type in key words for more info.

Cant put image on top of another image

Hi,
I'm using keynote 09 with the 'Blueprint' theme. I'm attempting to edit the master slides by putting a company logo in the corner of each slide. This works fine on slides without images, but on slides with images, keynote will not let me put my logo over the image placeholder. The placeholder image always blocks my logo, even when I choose 'Send backward' on the place holder.
Is there a way around this?
thanks

Sorry, I was typing fast.
The problem is that you cannot put images above media placeholders on master slides. One suggestion was to make my image (my logo comprised mostly of white text) a media placeholder as well, therefore I could edit the master slide and layer my new media placeholder (logo) above the default-already-existing placeholder (some architectural image in the blueprint theme).
This works but has an additional problem.
Since my logo is white text, I wanted for it to stand out from the picture beneath it. As I sometimes do, I thought I should place my white-text-logo on top of a small black rounded rectangle with transparency (like a cartouche).
I like to do that because it makes my logo legible, while still showing the picture through the transparency. INdeed, this is easy to do if you are only dealing with pictures and shapes (and not the magical placeholder versions of them)
You can make the shape a text placeholder, and you can make the image (logo) a media placeholder, but you can't group the two together as a unit. And if you group them first, then you cannot make your group (shape+image-logo) a placeholder at all, so you then cannot layer it on top of the default image place holders.
I was saying that I'd have to open my logo in photoshop and put it on top of a 'cartouche' and then import that modified image, and THEN make it a media placeholder.
But obviously it would be easier if keynote just let us properly layer elements as you would expect it to work.
I mean, setting images aside, why can't I create a shape and put it in front of a media placeholder without making the shape a text placeholder?
Of course I can edit my logo and add dropshadow or glow to make it stand out, but even then, I would need to make it a placeholder before keynote would let me layer on top of another placeholder. And if I'm going through the trouble of using photoshop to add shadows or glows, I might as well just put the image on top of a cartouche as originally desired.

Superimpose One Page On Top Of Another

I am trying to create a chart that is about the size of a business card and put my information on the back of the business card. I have gotten as far as fitting six of my charts (business card size) on one sheet in Pages 09 and my information six times also (business card size) on another sheet in Pages 09. I want to superimpose one sheet on top of another so that my chart and info will LINEUP WITH EACH OTHER so I can print on both sides of a sheet of paper and then laminate the sheet of paper and then cut each individual card out. If you understand my problem please respond.
Thank you
Mike

View > Show Rulers.
With one of your graphis objects selected, Drag Guides onto your document from the Rulers to where you need them. They won't print, but if they distract you, you can delete them once they've served their purpose of helping you to line things up.
Jerry

Moving a jpg image on top of another jpg image

I am currently doing a game board project and I need code to move an image that is on top of another image. I have the board image up but I need to put the other image on top of it and move it. Please someone with code to drag and drop help me. Thanks Anne

Try this code:
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
public class Iover extends JFrame
     Mpan   pan = new Mpan();
     JLabel lbl;
public Iover()
     addWindowListener(new WindowAdapter()
    {     public void windowClosing(WindowEvent ev)
          {     dispose();
               System.exit(0);}});
     setBounds(10,10,520,350);
     getContentPane().setLayout(new BorderLayout());
     getContentPane().add(pan,BorderLayout.CENTER);
     pan.setLayout(null);
     lbl = new JLabel(new ImageIcon("game1.gif"));
     lbl.setBounds(100,100,100,100);
     pan.add(lbl);
     setVisible(true);
     lbl.addMouseMotionListener(new MouseMotionAdapter()
     {     public void mouseDragged(MouseEvent m)
               lbl.setLocation(lbl.getX()+m.getX(),lbl.getY()+m.getY());
public class Mpan extends JPanel
public Mpan()
public void xpaint(Graphics g)
     g.setColor(Color.pink);
     g.fillRect(0,0,getWidth(),getHeight());
     paintComponents(g);
public static void main (String[] args)
     new Iover();
Noah

How do I put a div on top of another?

I have one div tag for my header, and one for my body. Now I want to put buttons over them, how do I do it?
Any way that I can find leaves the buttons floating out in space, not anchored to the header. So they move around when the window is resized.
Help!

And do not use AP divs to try to do that.
For the underlying div (assuming you have a background image) your CSS should be:
.underlyingDiv {
background-image: url("/images/myimage.jpg");
.divThatSitsOnTop {
margin: (some margin code that places the div where you want it);
Your html will be:
<div class="underlyingDiv">
<div class="divThatSitsOnTop">This sits on top
</div>
</div>
Now, I have used "Classes" here, not "IDs." Anything that occurs only once in a given web page may be an ID and not a class. Anything that is used several times in a web page must be a Class. Classes are defined in CSS with a dot before them, IDs with a hash (#).

Draw 20% of one image and 80% of another?

Hi all,
I'm creating a UI functionality whereby a user holds down a button and an image of a glass slowly fills up.
The way I'm thinking of implementing this is to have two different images, one of the empty glass and one of the full glass. As the user holds down the button, the image of the first is slowly replaced by the image of the second. E.g., after one second, 20% of the full image is shown at the bottom, 80% of the first is shown at the top.
The timing stuff I think I can do with a thread, so I'm not too worried about that. However, what I need is a simple method, or maybe a whole class, that can take two images and draw x% of one on the bottom and y% of the other on the top.
Can anyone think of a simple way to implement this?
Thanks,
Tim

Hmmm... after playing with that a while, it doesn't look like that will do the trick. As far as I can tell, the drawImage methods will always scale the image if you pass it in a rectangle of a different size. So trying to get 50% of a full glass on top of an empty glass results in a squished full glass.
Instead I realized I could do it using Graphs.clipRect, like so:
public class OverlayedImageIcon extends ImageIcon
     private Image overlayImage;
     private float overlayPercent;
     public OverlayedImageIcon(URL url)
         super(url);
     public void setOverlayImage(Image image){
          this.overlayImage = image;
          loadImage(overlayImage);
     public void setOverlayPercent(float percent){
          this.overlayPercent = percent;
     public synchronized void paintIcon(Component c, Graphics g, int x, int y) {
          super.paintIcon(c, g, x, y);
          Shape oldClip = g.getClip();
          int subtractHeight = (int) ((float)getIconHeight() * overlayPercent);
          g.clipRect(0, getIconHeight() - subtractHeight, getIconWidth(), getIconHeight());
        g.drawImage(overlayImage, x, y, getIconWidth(), getIconHeight(), getImageObserver());
        g.setClip(oldClip);
}Thanks for pointing me in the right direction, though!

Since the last update to ITunes 11, my jewel case insert will not print correctly. The song list is copies one song on top of another.

Two questions:
How do I back up my library onto a DVD? I currently have iTunes 11 and am using Windows Vista
How do I get jewel case insert to print correctly? It keeps printing the song list on top of one another.
Thanks,
Sandy

I have the exact problem and reported it to Apple 12-6-12. They were able to duplicate the problem on a Windows computer there. It apparently works fine on Macs, but not Windows. They are looking into it and hopefully will issue a software fix soon.

Copying adjustments from one image in series to another

I did a shoot where, under the same lighting conditions, all shots need basically the same adjustments in terms of color temp, saturation, etc.
I know there's a way that after I get one to where I like it, I can copy those adjustments to all the other images, but I can't find it.
Could someone point me in the right direction?
Thanks a lot.
John

John, you should see the effects immediately, assuming of course that the develop settings you are pasting produce a visible result compared to the previous settings. To be sure of your testing, I'd suggest making an obvious adjustment to exposure like vastly underexposing the image so that when you paste it, you'll immediately see it. You can always Undo the changes after once you've got things working.
I really don't know what else to say; this has always worked simply and smoothly. If you're getting the Copy Settings dialog and selecting All and then clicking OK, pasting is simply a matter of selecting the images you want the adjustments to go to and then choosing the Paste Settings command.

Want to put one track in iTunes before another (opening and closing)

I want to put two songs in order. The songs would make more sense if the opening of the song is first to be played before the end. Right now the songs are in like this end, then opening. Thanks in advance.
Acer Windows XP Pro

Right click to customize the control bar at the top of the main page. Add the "record replace" button to the transport and then turn it off.

I am trying to form groups when I drag one window on top of another they scoot out of the way instead of forming a window..help

Can not create tab groups

This is what the site states “To make a new group, simply drag one tab out of the group and then drag a second one on top of it. A box will be drawn around them. “ but when I try to drag one on top of the other it just scoots aside and does not form a group

Putting one Image on top of another

Similar Messages

Maybe you are looking for