Placing an image on top of other elements

Is it possible to place an image on top of two existing
that already contains an images. The new image would straddle over the two existingbut on top of them. Thanks

I thought about combining all the <div>s but they would not make a square or rectagle shape. Also inside the header <div> I want to place some tabs for navigation.
I have attached a jpeg of the comp and you can see the image I want to place on top is the image showing 2 white tanks. The <div>s will be the blue header at the top ofthe page and tthe <div> with the water drop graphic inside. I was not sure if it was possible to put this tank image on top of the other two <div>s, I was thinking maybe it could be a layer on top?
The other thing I am trying to do is to put the four navigation tabs at the bottom of the header <div> for navigation purposes. I was thinking of making each tab a <div> with the tab graphic and text inside each <div> I just not sure how to place it in the header <div> in that location? Thanks again.
Dan

Similar Messages

  • Placing an image on top of existing image

    I seem to have a lot of trouble with placing an image on top of an existing image and then wanting it to stay relative to the original. As in... I want to put a button on an image of a map. Then later.. will make a hotspot on that area to open another window.
    My trouble is with placing the button and then having it stay relative to the map no matter how the browser window moves or is sized.  What is the prefered method using DW CS4?  Can you point to a tutorial on how to do this...
    Thanks for your time
    Ralph

    function(){return A.apply(null,[this].concat($A(arguments)))}
    But, placing one image on top of another in a web page must be a task that happens all the time.. I just have not found a straight forward way to do it yet.
    It's really not common.
    It can be done via layering (what Dreamweaver calls APDivs) but you may still get layout issues with browser resizing.

  • Spry-ied div still on top of other elements even when faded-out

    i have a <div> with applied Spry.Effects.Fade, so when
    i click a button, the <div> shows up, when i click the button
    again, the <div> "disappears" thru fade.
    the problem is that the <div> is just "hidden", meaning
    it's still on top of the other elements on the page. for example i
    have a link in the page, i can't click on the link because the
    browser thinks im still clicking on the <div> on top of the
    link even tho the <div> is hidden.
    how do i solve this problem?
    thanks!

    I've also ran into the same issue. Funny that the Slide
    effect does not exhibit this, what I would call an oversight.
    Here's how I got around it. Seems like something that should
    be updated in the Fade effect iteself.
    <script type="text/javascript">
    var slide_box5 = new Spry.Effect.Fade('box5', {duration:
    400, from: '0%', to: '100%', toggle:true});
    var myObserver5 = new Object();
    myObserver5.onPreEffect = function(eff, data)
    if (typeof this.box == 'undefined')
    this.box = document.getElementById(data.element.id);
    myObserver5.onStep = function(eff, data)
    if (eff.direction == 1)
    this.box.style.display = 'block';
    this.box.style.visibility = 'visible';
    myObserver5.onPostEffect = function(eff, data)
    if (eff.direction == 2)
    this.box.style.display = 'none';
    this.box.style.visibility = 'hidden';
    slide_box5.addObserver(myObserver5);
    </script>

  • Placing an image on top of a flash file

    Is there a way to keep a image on top of a flash file? When I
    place it on top then publish the flash file jumps in front of the
    pic when it plays.
    What I am trying to do is place a border around the window. I
    can't just shrink the flash file down because this great program
    causes errors with the flash content.

    There is no way to keep an image on top of a Flash file.
    Having said that, we do a couple things to get around that:
    1: add the border to the flash file-- when we're creating
    swfs for Breeze in Captivate or Flash itself, we add the highlight
    or border there
    2: Add the border to a file that rests behind the flash file
    and make the flash file fit
    It sounds as if you've tried the second, but with no success.
    I 've never had a problem resizing swfs that I've imported into ppt
    through Breeze Presenter. I sthat the issue you're having?

  • Placing an image on top of a Menu

    I have recently installed PRE9 (also owned & used PRE8 and earlier versions). After placing an image on a menu template with multple scenes, I burn a dvd. I then view the DVD only to find the image has "disappeared" i.e. I see only the menu template. I have tried various templates and image file formats but end up with the same result. This function has consistently been completed without any issues on the same computer using PRE8. Not sure if this is relevant... the PRE9 version was originally a trial version which was subsequently converted to full license.

    The process is as follows:
    Disc Menu tab > Select & then Apply "wedding/elegant template" > Select Main Menu 1 > Browse for still image (1000x563 PSD file) > Done. Do the same for Scenes Menu 1 using the same image.
    Share tab > Disc > Burn
    Play DVD > Background image has disappeared. I see only the original wedding/elegant template on both the Main & Scene Menu.
    On returning to the Discus menu tab I observe that the selected background image is still present on both Main & Scene menus

  • Image on jsp from database along with other elements on image.

    Hi All,
    I wish to display an image which is stored in my database along with other contents on the page.
    I am able to display the image on an entirely new page but I do not wish to display it on a new page. Neither frames etc fit on my current page design.
    Kindly help

    I have a jsp page ..
    I have a byte stream in which i have stored the image from the database (the image is stored in databse as blob) in that jsp.When i use output stream object to display the image from the database (as suggested by many in this forum), the image is displayed in a new page. I wish to display the image along with my other elements like text etc in the same page.

  • Image on top of text box issue

    I'm attempting to create my own message window that will appear when a text box is full.  I have script in the "full" section of the text box that makes the presence of the image and a few text boxes visible when full.  In design view, I have placed the image on top of the text box.  However, during testing, when the text box is full, the image appears but the text from the text box below also appears on top of the image.  I have tried to setFocus to the image as well, but this didn't help.
    What's odd is that if I navigate to a different page and then navigate back, the image appears correctly.
    Any ideas?  Thanks.

    Thank you very much. I didn't even know how to look up the solution.
    Now I understand what those buttons do and their usefulness.

  • Placing an image on matching Questions

    Using Captivate 3, I would like to use the matching question
    to match images, such as icons, with their usage. Is it possible to
    insert small images in one of the column and how. Any suggestions
    will be much appreciated.

    function(){return A.apply(null,[this].concat($A(arguments)))}
    But, placing one image on top of another in a web page must be a task that happens all the time.. I just have not found a straight forward way to do it yet.
    It's really not common.
    It can be done via layering (what Dreamweaver calls APDivs) but you may still get layout issues with browser resizing.

  • Placing images on top of each other

    "I have a png file that is a gradient. I have inserted this
    file into Dreamweaver to use as my background.
    I now want to put some other image files that will go "on
    top" of this gradient image. I cant figure out how to make the new
    images I insert stay on top of the gradient.

    insert it as the background in your CSS. If it goes in the
    wrapper, use
    this:
    #wrapper {
    width: 770px;
    background-image: url(../images/gradientbg.png);
    more rules
    then you can insert your image on top of what is now a
    background.
    Nancy Gill
    Adobe Community Expert
    Author: Dreamweaver 8 e-book for the DMX Zone
    Co-Author: Dreamweaver MX: Instant Troubleshooter (August,
    2003)
    Technical Editor: Dreamweaver CS3: The Missing Manual,
    DMX 2004: The Complete Reference, DMX 2004: A Beginner's
    Guide
    Mastering Macromedia Contribute
    Technical Reviewer: Dynamic Dreamweaver MX/DMX: Advanced PHP
    Web Development
    "hygieneboy" <[email protected]> wrote in
    message
    news:f85uot$14r$[email protected]..
    > my gradient background was created as a png in
    fireworks. I inserted it
    > as an
    > image. Maybe that is my mistake, because when I add
    these other images,
    > they
    > do not go on top of the gradient image, they either go
    above or below it.
    >

  • PLACING IMAGES ON TOP OF STAMPS

    Is anyone aware how to place an image on top of a user stamp inserted into a PDF document (using Acrobat 9 Pro)?  It seems that images are by default place behind stamps regardless of the order in which they are placed into the PDF document.

    Thanks for the suggestion. Unfortunately, when I add the stamp to the orginal PDF file, they are both on a single layer.  When I try to use any layers function , such as flatten layers, they are not available (greyed). The only option which is available is import as layer, which doesn't work for image files.
    I decided that perhaps the simple solution would be to create a separate stamp for the image each time and then insert.

  • My pictures are being placed in the inappropriate events; like laying on top of other pictures.

    HELP  and THANKS    I am in  iPhoto. I have 29,000 pictures.  I have about 1500 events.  I have dragged a very few if these pictures from the internet.  I have dragged one picture from Facebook,  I have received eMails with pictures that I have put in iPhoto library.  I have also brought pictures from the  iPhone into my iPhoto library.
    A problem has recently emerged.  Three of the pictures which I have dragged into my iPhoto library have superimposed themselves upon photos which were already in the library.  When I double click on any one of these three recently imported pictures to get an enlarged view of it, the picture that becomes enlarged is not the one that I just double clicked . . .it is a pre-existing photo in my library.  This phenomenon suggests to my mind that that the (recently imported) photo on which I just clicked has somehow superimposed itself over the pre-existing photo.  ?????   What a strange dilemma!   HELP.
    This is the problem and a recent problem.  I have three separate pictures that I have brought into the library that are causing a problem. One is from the Facebook, one is from an eMail, one is from a library file that I bought online. They have perpetuated, that is they have placed themselves on top of other pictures in many events.  The said pictures can be seen  and have been renamed the file into which they are going and going and going.  When I click on the said pictures up comes the original picture that has the event name.  I have tried to trash the picture and bring back the pictures only to find the returning problem.  Please someone please help.  The problem is that one picture is superimposed upon another picture.
    I took my computer to SimplyMac and they reloaded the thumbnails and said that would fix the probable. It didn't!  Now what! 
    Thanks again!

    If Larry's suggestion doesn't help the situation Try the following:
    1 - delete the iPhoto preference file, com.apple.iPhoto.plist, that resides in your
         User/Home/Library/ Preferences folder.
    2 - delete iPhoto's cache file, Cache.db, that is located in your
    User/Home/Library/Caches/com.apple.iPhoto folder (Snow Leopard and Earlier).
    or with Lion, Mt. Lion or Mavericks delete the contents the User/Library/Containers/com.apple.iPhoto/
    Data/Library/Caches/com.apple.iPhoto folder.
    3 - reboot, launch iPhoto and try again.
    NOTE: In Lion and Mountain Lion the Home/Library folder is now invisible. To make it permanently visible enter the following in the Terminal application window: chflags nohidden ~/Library and press the Return key - 10.7: Un-hide the User Library folder.
    If you're running Mavericks, 10.9,  go to your Home folder and use the View ➙ Show View Options menu to bring the this window:
    where you can check the Show Library Folder checkbox.
    OT

  • It is a suggestion on Adobe Dreamweaver:  Could you change the setting of the page or template; to a free platform?  example; move: images, tables and other elements all over the place covering the page. in order to facilitate the user in the design envir

    It is a suggestion on Adobe Dreamweaver:
    Could you change the setting of the page or template; to a free platform?
    example; move: images, tables and other elements all over the place covering the page. in order to facilitate the user in the design environment.
    free
    Thank you for your attention

    Adobe has been trying this and the product is called Muse ( Web design software | Download free Adobe Muse CC trial ).  It doesn't give you the control over the code that most developers prefer but it could help bridge the gap for design if that is what you are looking for.

  • .swf inside HtmlLoader appears on top of other air content

    When there is an HtmlLoader with a .swf wmode window the .swf file appears over top of everything!
    I understand that .swf should appear above everything inside the HtmlLoader, but I don't think it should appear over top of anything outside of the HtmlLoader.
    A simple example of this would be:
    <?xml version="1.0" encoding="utf-8"?>
    <s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
       xmlns:s="library://ns.adobe.com/flex/spark"
       xmlns:mx="library://ns.adobe.com/flex/mx">
    <mx:HTML location="http://youtube.com" width="100%" height="100%" />
    <s:Button width="300" height="300" label="should be over all html content, .swf in html appears over it. click and watch a youtube video to see." />
    </s:WindowedApplication>
    I NEED a fix to this~!
    Even placing a second HtmlLoader with an .swf wmode window over top produces random results with the top .swf sometimes on top and other times below the lower .swf

    As you have discovered, two elements on the surface of a <div> cannot occupy the same space. The solution lies in getting one of the elements to "lie down," either by getting it totally off the surface and making it a background of it or by actually "levitating" one above the other.
    Apply a unique id to each div in which an image now lies.
    Place each image in the background of its div, defining it in your CSS.
    You will not then be able to use the image as a button, and you may want to add something else to click on.
    OR (this second way is probably better)
    Change the .FilmStill definition by adding position: relative;
    Change the .SlantedWritingFilms definition by adding position: absolute; and positioning attributes (left: 0; top: 0; for instance)
    Change each .SlantedWritingFilms <span> into a <div> within <div class="FilmStill">.
    Beth

  • Placing an image in a tabbed panel content area, it shows up on all three panels

    This is crazy.  It should be so simple. But sometimes this happens to me. Like today.
    I have many pages that use a simple tabbed panel feature with three tabs.
    Each content area has a text frame and an image frame.
    Sometimes when I try to place an image into the content area of the first tab, the image shows up on all three content areas.  I have tried and tried placing the image, making very sure I am in the "content area" on not just on the page.  But nevertheless, the image seems to be "stuck" on the page, in front of the accordian feature, and therefore showing on all three tabs.
    How am I not targeting the placement of those images correctly? There just aren't that many options for me to screw up, it's a simple tabbed panel, that's all!
    Help please.
    Barbara

    Are you using the latest version of Muse/Air?
    The borders of the Content Area of a tab gets highlighted as soon as you drag over an element over it so it is very unlikely that something like this could happen. However, I believe it could be due to messed up Layers configuration as the only way I could reproduce this problem is through moving the image into a layer above a layer that contains the Tabbed panel or in case of just one layer, you might have the image at the very top.
    Thanks,
    Vinayak

  • Why is elements better at photomerge than CC- CC does not appear to automatically fill image based on content but elements does when merging a panorama. Also the stitching is visable in CC but almost perfect in elements- why?

    I took 6 panorama shots of a scene and used CC to Photomerge them as one. Couldn't see where to automatic blend the edges and there was 'stitch' lines when the images were merged. So i did the same in Elements 11 and it was perfect. Am i doing something wrong in CC or perhaps not doing something at all?
    Any help, please?
    Dave

    Hi - Thanks for taking the time to reply and i appreciate the remarks- if a little harsh- we all have to start somewhere and i am fully aware of the limitations of Elements which is why i decided to add CC to my software. I can only say that if an inferior quality software from Adobe does the job well then CC must also be suited to doing the same which is why i can only think, from your comments, that i have not done something simple- however- following tutorials to get to the end result should have sufficed- it didn't so perhaps i will consider posting the difference between the two applications- and, perhaps suffer a few more 'harsh' comments. The learning curve is quite steep and i am a visual learner, but i'm also not totally incompetent:)
    Kind Regards
    Dave Munn
    Original message----
    From : [email protected]
    Date : 02/02/2015 - 06:45 (GMTST)
    To : [email protected]
    Subject :  why is elements better at photomerge than CC- CC does not appear to automatically fill image based on content but elements does when merging a panorama. Also the stitching is visable in CC but almost perfect in elements- why?
        why is elements better at photomerge than CC- CC does not appear to automatically fill image based on content but elements does when merging a panorama. Also the stitching is visable in CC but almost perfect in elements- why?
        created by station_two in Photoshop General Discussion - View the full discussion
    First a clarification: you are not addressing Adobe here in these user forums.  You are requesting help from volunteers users just like you who give their time free of charge. No one has any obligation to answer your questions.
    I'll give it my best shot anyway.
    Few folks in this forum are really familiar with Elements, for which there's a dedicated, totally separate forum.
    Different engineering teams, also.
    From this perspective, it will be difficult to give you a direct answer to your "why?" question.
    Personally, I blend very large panorama shots in Photoshop proper since I can't even remember when without any issues whatsoever, up to and including in Photoshop CS6 13.0.6.
    Without being at your computer and without looking at your images, I couldn't even begin to speculate what you are doing wrong in Photoshop, which I suspect you are.  The least you could show is post examples from your panoramas that have gone wrong.
    I can tell you that panorama stitching requires significant overlap between the individual shots, besides common-sdense techniques like a very solid tripod and precision heads.
    The only version of Elements I have ever used for any significant time was Elements 6 for Windows, which I bought in 2008 to use on a PC (I've been an avid Mac user for 30 years).  I found Elements so limited and so bad that I successfully demanded a refund from Adobe.  IU mention this only to emphasize that I can truly only address your question from a Photoshop (proper) and Mac user point of view.  I couldn't care less about Elements, but if you have comparison examples of panoramas processed in both applications, by all means post those two.
    Generally speaking Photoshop is a professional level application that makes no apologies for its very long and steep learning curve, while Photoshop has many hand-holding features for amateurs and beginners.
    Perhaps the bottom line is that you should stick with Elements if you personally manage to get better results there.
    If the reply above answers your question, please take a moment to mark this answer as correct by visiting: https://forums.adobe.com/message/7152397#7152397 and clicking ‘Correct’ below the answer
    Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page:
    Please note that the Adobe Forums do not accept email attachments. If you want to embed an image in your message please visit the thread in the forum and click the camera icon: https://forums.adobe.com/message/7152397#7152397
    To unsubscribe from this thread, please visit the message page at , click "Following" at the top right, & "Stop Following"
    Start a new discussion in Photoshop General Discussion by email or at Adobe Community
    For more information about maintaining your forum email notifications please go to https://forums.adobe.com/thread/1516624.

Maybe you are looking for