Place the image behind the static image scrolling...

Hello

I have a static image - it's a wall with a window. -It is a PNG image with a rectangular hole where the window would be.

But then I have a scrolling of images - it's clouds.

I can't image of cloud behind the window to extract the effect I'm after. Everything is in place, but the clouds are overlapping the top and bottom of the wall scroll (corresponding to the cutting of the window).

{body

left margin: auto;

margin-right: auto;

height: 100%;

Width: 100%;

background: url(/images/window.png) non-repetition high in the center set;

z index: 99999;

position: absolute;

}

{.myClouds}

padding-left: 729px;

z-index: auto;

position: absolute;

}

HTML:

< body >

"< div class ="myClouds"> < img src="/images/clouds.png "alt =" "/ > < / div >

< / body >

I can change or modify? Is a wrapper must exist for the z-index to apply?

Thank you!

I used 2 images of foreground in layers.  Adjust the pixel in function values.

#demo-{external

position: relative;

z-index: 1;

top: 0;

Left: 0;

}

{#démo - internal

position: absolute;

z-index: 10;

overflow - y: scroll;

Overflow-x: hidden;

height: * px;

Width: * px;

top: * px;

left: * px;

}

Nancy O.

Tags: Dreamweaver

Similar Questions

  • How to place an image inline with the text using InDesign CS4?

    I'm writing the first draft of an instruction manual how two for some software.

    I'm writing the manual directly in InDesign CS4 and making screen shots that I'm making progress. I format the screenshot in Photoshop and export it to a JPG file.

    In InDesign, I double-click in the text box where I want to insert the image, go to file > place, get the picture, then press on open.

    Usually InDesign inserts the image at the cursor flashing in the text, but sometimes what happens is that no picture inserted and everything after it disappears. I get several empty text boxes and need to Control-Z to get back to where I started.

    Now I can put the image outside the text box and then manually move it to the text where I want to go, however when I export the file as HTML, then I need to manually move it to the appropriate area in Dreamweaver (when the image is placed inside the text box to the flashing cursor, the HTML file shows the image in the right place).

    I was able to insert the line in file with the text to a new paragraph mark, but sometimes InDesign doesn't let me do. Sometimes it does, sometimes it doesn't.

    I don't know what I'm doing to prevent it from placing the paragraph mark and the blinking cursor (which is where I want it to appear).

    This is a recording of screen 54sec of my actions:

    http://storytechnician.com/temp/idcs4-place/

    Steps to follow:

    I double-click inside the text box

    I place the image

    everything goes

    I have a few pages scroll, and then return to the starting point

    I have to scroll through a page or double-click inside the text box then press return a few times, and the previous image, I put in this way is automatically pushed to the next page.

    I go back to point of original departure, try again, and it does not work.

    I've done it before, but now it does not work. I don't know what's happened prevents him from online to the location of the cursor.

    Help, please.

    Thank you

    It seems to me that the image is too wide for the frame. You can place it on the editing table, scale in the size, then cut to the Clipboard and paste it into the flow of the text.

  • See the static Image, then Play F4V file

    Hi, I tried to follow the instructions in the following of discussion http://forums.adobe.com/message/2057441 but without success.

    I'm doing it too, only with a static image at the beginning and then to play the flv file:

    Here's where I am right now:

    In the FLA in Flash CS4

    Have the FLVPlayback component and FLVPlaybackCaptioning component (with associated .xml file) more the component button legend inserted and all work fine.

    At this stage have made the video with the controls of the background layer on the timeline.  Name of the FLVPlayback component instance is vid.

    Next layer is the still image as a graphic symbol.

    Top layer is the layer actions.

    On the actions of layer I place the code as indicated in the previous answer, before you twisted for two videos:

    I get compiler errors five, which I have attached a screenshot in jpg format.  I am very new, understand the code, but not AS code.

    Thank you in advance for your help!

    The code used is the following:

    startBtn.onRelease = function() {}
    Make sure that your video has an instance name of vid
    and it is NOT set to AutoPlay.
    VID. Play();
    This ._alpha = 0;
    };
    var listenerObject:Object = new Object();
    listenerObject.stopped = {function (eventObject)}
    startBtn._alpha = 100;
    };
    vid.addEventListener ("stopped", listenerObject);

    listenerObject.playing = {function (eventObject)}
    startBtn._alpha = 0;
    Or you can use startBtn._visible = false
    }

    vid.addEventListener ("playing", listenerObject);

    Here's the AS3 script:

    Import fl.video.VideoEvent;

    function doPlayVid(e:MouseEvent):void {}

    VID. Play();

    This.Alpha = 0;

    }

    function doStopped(e:VideoEvent):void {}

    startBtn.alpha = 1;

    }

    function doPlaying(e:VideoEvent):void {}

    startBtn.alpha = 0;

    }

    startBtn.addEventListener (MouseEvent.CLICK, doPlayVid);

    vid.addEventListener (VideoEvent.STOPPED_STATE_ENTERED, doStopped);

    vid.addEventListener (VideoEvent.PLAYING_STATE_ENTERED, doPlaying);

  • I'm about to order an iphoto Mac book I did.  I can't place the order because it said that some executives do not contain an image.  ALL the images in my book have one photo in them!  Help!

    I'm about to order a Photo book.  It does not place the order because it tells me that some pages contain images without a photo.  I checked carefully and all frames are filled.  Why can he not accept my order?

    With iPhoto? or Photos? If it is iPhoto, you know that abandoned Apple books photos and other documents printed for iPhoto and Aperture at the end of March, right?

  • place an image on the block diagram

    Is there an easy way to place an image on the block diagram?

    To clarify, I would like one simple to paste a bmp or jpeg or png or other means on my block diagram to document the block diagram for future programmers.

    The way I currently accompish this is to create a constant of the photo on the diagram and running a vi separate to load an image in a window of the image, then using copy / paste to get the image in the photo correspondent in my block diagram.

    There's a way more simple, right?


  • Resolution of the image when you place the InDesign file in InDesign

    I feel like this is a silly question but I do not know the answer!

    If I place an InDesign file that contains a picture in a another InDesign, the resolution of the original image file is kept? For example, if I have an InDesign A5 file, that contains a chart where the ppi effective (because it's been reduced) is 600 dpi, and then I place the entire InDesign file it in another file and EXPAND, what happens to my graph?

    Thank you!

    I have a document with an InDesign file linked, an area of text that is used in many documents, so interested in this issue.

    I did a quick test and it seems to work as it should. I made a smaller file with an image linked and bound the Indesign file in a larger document, and since it is a linked InDesign file it recognizes and displays the image in the links Panel.

  • With the removal of APDivs, how to place an image specifically somewhere?

    I started to make Dreamweaver in the class about a week ago. My mission is to make a RESUME. In class, I used AP Divs make a homepage that redirects to my info, portfolio, etc.
    So I got home, installed and the 30 day trial, discovered on removing AP div tags. I understand this decision, and I was on the fence about whether or not it is appropriate to use AP div tags first place (feels like an inexpensive way to make a Web site).
    So how can I now place images in specific locations?

    apdivs.png

    It was about how far I got with my initial project using AP div tags. The picture of me on the button was placed using an AP Div. My name at the top left has not been placed with an AP Div (because I can't)

    I intend to restart from the beginning

    So my questions are:

    (1) how do I Center my background so that it looks good on all the aspect ratios

    (2) how to precisely place my images without tags AP div

    (3) what happened "insert a rollover image? I was just copy and paste the code from my other flight path images and change the images.

    Hopefully you can see what I'll do. If there is another way I should approach my goal feel free to tell me what I need to do.

    I would also appreciate it if you guys could explain as simple as possible. I'm really not in HTML and coding in general. I want to just make this assignment well look and do it soon (and move to the first in class).

    CSS handles virtually all of this for you...

    1. in your CSS...

    {body

    background - image: URL(Your-image.jpg);

    background-repeat: repeat no.;

    background-position: top center;

    }

    2. the logo at the top left, CSS...

    #logo {}

    Display: block;

    float: left;

    }

    The HTML code...

    the portrait at the bottom (if you still want to be centered at the bottom)

    {#portrait_wrapper}

    position: fixed;

    Width: 100%;

    Bottom: 0px;

    }

    {#portrait}

    Width: 100px; / * or some other less than 100% setting * /.

    Auto margin: 0;

    }

    3 Insert > rollover Image is now insert > HTML > rollover Image

    Visit this site and do the tutorials for html and css, it will make your work in much simpler DW: http://www.w3schools.com

  • How to place the image (or widget) inline in a block of text.

    How is it possible to place an image (or some kind of widget, like presentation of slides) in a text, online in some position.

    I just have something similar to these compositions of widget library that come with an image in the upper left corner and the text is placed around it.

    I wonder if there is a function like any text editor ever.

    Thank you.

    Kind regards

    Ciro.

    You can have some elements as inline in a text. Simple copy or cut the item (or even several grouped items) with the black arrow, place the text cursor in the row you want the item and Paste it. It will be by default acting as a character in the line, but if you select it again with the black arrow, you can set the options in the Panel wrap to break the text up, above and below the item, or even to leave text floating to the left or the right of the element.

    You can try to paste more complex items or same set of widgets online, but I wouldn't shoot...

  • In CS3, I used command * to place an image in color on top a text. In trying to do the same thing in CS6, nothing happens. Should what command I use?

    In CS3, I used command * to place an image in color on top a text. In trying to do the same thing in CS6, nothing happens. Should what command I use?

    Hi lennarta,

    Please refer to place an Image in text with Photoshop CS6 and follow the process.

    Let us know if that helps.

    Kind regards

    Assani

  • I have a picture in the current folder that I can use to place the image on a page, but it is absent, if I try to hyperlink to it.  How to solve that?

    I use thimbnails which has a link to the expanded images.  I just loaded several file assets intothe images that I can then open and place the image on a page.  However, when I try to hyperlink to this image, the image is not listed in the assets.  Any ideas as to why and how to fix this?

    You should find the forum for any product it is and post your questions there.

    Here is a link to a page that provides links to all of the Adobe forums...

    The Forum links page: https://forums.adobe.com/welcome

  • Place the image in the active document 'not as smart object"

    How can I place an image in the current document, but not as a smart object?

    var filePath = new File(decodeURI('~/Downloads/Safari_logo.png')),
        currentValue = getPlaceRasterSmartObjectValue();
    
    if (currentValue == true) {
        placeRasterSmartObject(false);
    }
    
    placeEmbedded(filePath); /* Place Image */
    
    placeRasterSmartObject(currentValue); /* Return the default value */
    
    function placeRasterSmartObject(__bool) {
        var desc1 = new ActionDescriptor();
        var ref1 = new ActionReference();
        ref1.putProperty(charIDToTypeID('Prpr'), charIDToTypeID('GnrP'));
        ref1.putEnumerated(charIDToTypeID('capp'), charIDToTypeID('Ordn'), charIDToTypeID('Trgt'));
        desc1.putReference(charIDToTypeID('null'), ref1);
        var desc2 = new ActionDescriptor();
        desc2.putBoolean(stringIDToTypeID("placeRasterSmartObject"), __bool);
        desc1.putObject(charIDToTypeID('T   '), charIDToTypeID('GnrP'), desc2);
        executeAction(charIDToTypeID('setd'), desc1, DialogModes.NO);
    }
    
    function placeEmbedded(filePath) {
        var actDesc = new ActionDescriptor();
        actDesc.putPath(charIDToTypeID('null'), filePath);
        actDesc.putEnumerated(charIDToTypeID('FTcs'), charIDToTypeID('QCSt'), charIDToTypeID('Qcsa'));
        executeAction(charIDToTypeID('Plc '), actDesc, DialogModes.NO);
    }
    
    /* Update: Check current value */
    function getPlaceRasterSmartObjectValue() {
        var ref = new ActionReference();
        ref.putProperty(charIDToTypeID("Prpr"), charIDToTypeID("GnrP"));
        ref.putEnumerated(charIDToTypeID("capp"), charIDToTypeID("Ordn"), charIDToTypeID("Trgt"));
        var psKey = executeActionGet(ref).getObjectValue(charIDToTypeID("GnrP")).getBoolean(stringIDToTypeID("placeRasterSmartObject"));
        return psKey
    }
    
  • In Illustrator Image Trace, how "place" an image at the same size as the PS file?

    If I work in Photoshop in 300 dpi and I want to insert a border around a form, with the help of Illustrator to create the plan, such as it is, it is impossible to do that. Go all the way back to Streamline (someone he remembers Streamline?), if you placed a picture of the automatic route, vectorization, or, now, 'Trace of Image', the placed image would be just that a copy of the same size of the file original raster. Not now. Now, placing an illustration for tracing involves waving a positioning reticle identified as '1:1 ' with which you can make the image is traced back to whatever size you want, and there is no ghosting or model to help size with reliability. At least, as far as I can tell. Am I missing something here? I went through the files using Illustrator and a copy of the 'Illustrator CC' of Weinmann. Nothing. It seems as if the Image monitoring mission is no trace, but to resize, so that the vectorized image likeness no size-the original.   Can anyone help?

    Birck,

    The value of W (as is the value of H) is in pixels if the selected unit, and in this context, a pixel is identical to a point or 1/72nd of an inch, corresponding to 72 DPI.

    So when you place the image, the w and H values reflect pixels real x the size in pixels of the image, regardless of the resolution created / used to in Photoshop.

    And that is why it must be reduced by multiplying with 0.24 and do appear in the size corresponding to 300 PPI.

    No need for percentages.

    But you can also select the image and use the object > transform > scale and apply uniform 24%, which is equivalent to multiplying by 0.24 as described.

  • Place an image inside the Accordion Panel

    Hello

    I would like to do something comparable to what has been done here - accordion (Widget Panel) by the team of Adobe Muse

    but I just can't seam to be able to place the image inside the accordion, I can change color, gradient, change the size of text etc, but how to get a picture on the inside?

    Is what I tried to create a status button then place my SVG graphics and panel inside the button accordion and it seams to be ok, but if you place the cursor on the SVG and click on it, nothing happens almost he avoid pressing the graph and simply press the bar of the accordion in order to develop ,

    Thanks again,

    For the content area, you can drag and drop and image and with the area of the label, you can use image fill.

    Thank you

    Sanjit

  • Manually PLACE the images and other files in illustrator

    I see a tutorial of computer graphics by Nigel French, in this tutorial, when the option to place Mr. Nigel used to import images or other illustrator Illustrator files don't auto not put images at the centre but asks where to place the images or how large an area to be covered by this image or file.

    I'm looking at this topic, but not found anything relating to this topic, I don't know if it comes to plugin or illustrator function/feature.

    I hope that you will answer me,

    Here are pictures of serious

    Place 2.JPGplace 3.JPG

    You mean that the 'Gun place' with the symbol "1/1" inside? ".

    This was added in Illustrator CS6 (16.2.1 creative cloud version). If you have a lower version, it isn't here.

  • I have need of an arrow or a kind of icon that points and moves to alert the user of the website to scroll down.  Are there widgets or is there a method to move an image in its own.  In addition, how to get my muse Web page to scroll automatically?

    I have need of an arrow or a kind of icon that points and moves to alert the user of the website to scroll down.  Are there widgets or is there a method to move an image in its own.  In addition, how to get my muse Web page to scroll automatically?

    A Google search for "animated gifs arrows" returned hundreds of animated arrows.

  • Trying to place the Image in sheared framework

    Hi all

    I'm trying to place an image in a sheared environment (see screenshot).

    However, when you place the image, the image is sheared to match the image.

    Is it possible to place the photo, so it is level/square, but fills the sheared framework.

    Thank you!

    After you have placed the image, you can correct the sheer by selecting the content and adjusting to 0

Maybe you are looking for

  • Web sharing guest network

    Hello- I have an Airport Extreme that broadcasts a private and a guest to the House network.  On the network, I have a Mac Mini with personal web sharing together upwards to the local network, so I can go to macmini.local to see the web site.  Howeve

  • Failed to create recovery disk

    Hello! I apologize in advance for my English. After a year of perfect operation, I decided to completely restore my system (Windows Vista Home, HDX 18 Premium, 64-bit) using the hidden partition. Everything was fine. A week ago, my PC didn't start be

  • I lost my bluetooth adapter

    Please I formatted my laptop ater and youcamnd could no longer see my adapter bluetooth and youcam No matter what he; p please

  • cleaning disc does not properly?

    When I run Disk Cleanup it cleans my compress files?

  • Impossible to find comparator with thresholds in JDeveloper 12.1.3.0.0

    Hi allI use JDeveloper 12.1.3.0.0 but I'm not able to find the "Dial Gauge with thresholds".But I think that it is available in all the Documentation Oracle down 3 links.http://docs.Oracle.com/middleware/1212/ADF/ADFUI/dv_gauge.htmhttp://docs.Oracle.