Layers over images

Hello. I have a problem positioning layers in DW8 over-top of
my pages that I layed-out in photoshop. Say I want to draw or
position a layer over top of "unclickme_34.gif" I can do that fine
in dreamweaver as it aligns correctly to the image; however, in
multiple browsers it aligns to the left or right of the image even
as it shows its aligned to how I want it in DW. I'm pretty new to
DW8 maybe I'm just doing something wrong, or not setting up
something right?. Any suggestions?
I also searched the forums for an answer, though found no
beneficial information.
Thanks in advance.

Seanstex wrote:
> Hello. I have a problem positioning layers in DW8
over-top of my pages that I
> layed-out in photoshop. Say I want to draw or position a
layer over top of
> "unclickme_34.gif" I can do that fine in dreamweaver as
it aligns correctly to
> the image; however, in multiple browsers it aligns to
the left or right of the
> image even as it shows its aligned to how I want it in
DW. I'm pretty new to
> DW8 maybe I'm just doing something wrong, or not setting
up something right?.
> Any suggestions?
>
> I also searched the forums for an answer, though found
no beneficial
> information.
>
> Thanks in advance.
>
>
>
place the image in a div as so:
<div style="position:relative;"><img
src="blah"></div>
place your "Layer" in that div too, as so:
<div style="position:relative;"><img
src="blah"><div id="Layer1"
style="position:absolute;etc.etc.">bla
bla</div></div>
set the layer position left=0 top=0
seb ( [email protected])
http://webtrans1.com | high-end web
design
Downloads: Slide Show, Directory Browser, Mailing List

Similar Messages

  • How to add an Image layered over another Image?

    In our application, we display a big image file in the main application window.
    Now, we want to display customer's image(like their logo etc.,) just layered over main image on the top-left corner, restricted in size.
    Tried to visualize it !
    |------| |
    | |
    | |
    Is it possible to show a JLabel over another JLabel?

    Solution 1:
    JLabel is a container, So you can add any component on top of JLabel but normally it will not display but if you set any layout then you can see the added component.
        public static void solution1() {
         JFrame frame = new JFrame();
         frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
         JLabel bigImg = new JLabel(new ImageIcon("F:\\tmp\\bigImg.jpg"));
         JLabel logo = new JLabel(new ImageIcon("F:\\tmp\\logo.gif"));
         frame.getContentPane().add(bigImg, BorderLayout.CENTER);
         bigImg.setLayout(new FlowLayout(FlowLayout.RIGHT, 0, 0));
         bigImg.add(logo);
         frame.pack();
         frame.setVisible(true);
        }Disadvantage : if the label size was changed depends on the layout the position of the logo goes outside of the big image(in the above example maximize the window to see that issue).
    Solution 2:
    draw the logo image on top of the big image.
        public static void solution2() {
         JFrame frame = new JFrame();
         frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
         ImageIcon bigImg = new ImageIcon("F:\\tmp\\bigImg.jpg");
         ImageIcon logo = new ImageIcon("F:\\tmp\\logo.gif");
         int w = bigImg.getIconWidth();
         int h = bigImg.getIconHeight();
         BufferedImage bf = new BufferedImage(w, h, BufferedImage.TYPE_INT_RGB);
         Graphics2D g2d = bf.createGraphics();
         g2d.drawImage(bigImg.getImage(), 0, 0, frame);
         g2d.drawImage(logo.getImage(), 0, 0, frame);
         JLabel label = new JLabel(new ImageIcon(bf));
         frame.getContentPane().add(label, BorderLayout.CENTER);
         frame.pack();
         frame.setVisible(true);
        }Advantage : whenever the label component size changed the logo must be on the big image of the same position because the logo was painted on top of the big image.

  • I am making a graduation video for my cousin using Final Cut Pro. I have photos layered over videos, and I was wanted to find out how you can add a border around the photos so they stand off of the video. Anyone know what I could do?

    I am making a graduation video for my cousin using Final Cut Pro. I have photos layered over videos, and I was wanted to find out how you can add a border around the photos so they stand off of the video. Anyone know what I could do?

    You would need an image editor to edit the images and add a border to the image first before importing them into Final Cut.
    Cheapest and very good image editor?
    PIxelmator.
    Located in the Mac App Store. $14.99 USD.
    Here is the Pixelmator website to give you an overview of the app.
    http://www.pixelmator.com/
    Good Luck!

  • Treating layered Photoshop Images as one item

    I want to scale and change the position of a layered Photoshop image, but if I double-click it to try to get to the motion tab, it opens as a separate sequence. This allows me to position and scale individual layers, but I want to move/scale the whole photoshop image and have the layers stay all together.
    Is there a way to do that?

    Ah, I knew it had to be simple. Thanks.
    My intension was to get a Photoshop image with vector layers so I could zoom way in to a tiny dot on the image until the dot took over the entire screen. But I realized that when you bring such an image into Final Cut Pro it rasterizes it at the DPI of the image.
    I tried boosting the DPI up to like 10,000 and that works fine in Photoshop (because it's just vectors), but in FCP it obviously is going to rasterize it resulting in a hang because the image is WAY too big. It would be like a few gigabytes rasterized.
    I probably need some other program to accomplish that effect.

  • File Path Visible When I Hover Over Images

    Hi,
    I converted a PowerPoint document to a PDF. The PowerPoint document includes images (GIF, JPEG). When I hover my cursor over the image in the PDF I created I can see the file path C:\User\User Name\Photo\File Name.JPG.
    Is there a setting in the PDF that I can 'unselect' so I don't see the file path when I hover over images?
    Thanks,
    mindforge

    Please try the suggestions mentioned here : http://forums.adobe.com/message/3364072#3364072
    Regards,
    Deepak

  • Over image not working in Nav Bar

    I have established Up and Over images for my nav bar. The Up
    image is all that shows -- even when I mouse-over or click on the
    button. Thanks for your help!
    Jim
    "MM_nbGroup('down','group1','WhatWeDo','Images_and_Video/WhatWeDo_Over.gif',1)"
    onmouseover="MM_nbGroup('over','WhatWeDo','Images_and_Video/WhatWeDo_Over.gif','Images_an d_Video/WhatWeDo_Over.gif',1)"
    onmouseout="MM_nbGroup('out')"><img
    src="Images_and_Video/WhatWeDo_Up.gif" alt="Home page link"
    name="WhatWeDo" width="161" height="39" border="0" id="Home"
    onload="" /></a></td>
    </tr>
    <tr>
    <td><a href="whoweare.html" target="_top"
    onclick="MM_nbGroup('down','group1','WhoWeAre','Images_and_Video/WhoWeAre_Over.gif',1)"
    onmouseover="MM_nbGroup('over','WhoWeAre','Images_and_Video/WhoWeAre_Over.gif','Images_an d_Video/WhoWeAre_Over.gif',1)"
    onmouseout="MM_nbGroup('out')"><img
    src="Images_and_Video/WhoWeAre_Up.gif" alt="Who we are navigation
    link" name="WhoWeAre" width="161" height="39" border="0" id="Test"
    onload="" /></a></td>

    I'm sorry to tell you that the first thing you need to do is
    to get rid of
    the method you have used. It's quite antique, and was
    designed for framed
    pages. It adds quite a bit of additional code (some of which
    is invalid) to
    your page than would the alternative of using just ordinary
    image swaps for
    your menu.
    So, just create your menu from the up images in each row, and
    use DW's Swap
    image behavior on each.
    And put some duct tape over this NavBar option so that you
    don't use it
    again!
    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
    ==================
    "JRStaf4ord" <[email protected]> wrote in
    message
    news:gb85gs$5e$[email protected]..
    >I have established Up and Over images for my nav bar. The
    Up image is all
    >that
    > shows -- even when I mouse-over or click on the button.
    Thanks for your
    > help!
    >
    > Jim
    >
    >
    >
    "MM_nbGroup('down','group1','WhatWeDo','Images_and_Video/WhatWeDo_Over.gif',1)"
    >
    onmouseover="MM_nbGroup('over','WhatWeDo','Images_and_Video/WhatWeDo_Over.gif','
    > Images_and_Video/WhatWeDo_Over.gif',1)"
    > onmouseout="MM_nbGroup('out')"><img
    > src="Images_and_Video/WhatWeDo_Up.gif" alt="Home page
    link"
    > name="WhatWeDo"
    > width="161" height="39" border="0" id="Home" onload=""
    /></a></td>
    > </tr>
    > <tr>
    > <td><a href="whoweare.html" target="_top"
    >
    onclick="MM_nbGroup('down','group1','WhoWeAre','Images_and_Video/WhoWeAre_Over.g
    > if',1)"
    >
    onmouseover="MM_nbGroup('over','WhoWeAre','Images_and_Video/WhoWeAre_Over.gif','
    > Images_and_Video/WhoWeAre_Over.gif',1)"
    > onmouseout="MM_nbGroup('out')"><img
    > src="Images_and_Video/WhoWeAre_Up.gif" alt="Who we are
    navigation link"
    > name="WhoWeAre" width="161" height="39" border="0"
    id="Test" onload=""
    > /></a></td>
    >

  • Setting the order of a roll over image in a quiz

    Hi,
    I'm using captivate 4 and having issues in setting a quiz for my students.
    I want to have an icon to roll-over so the students can access information relating to the question, eg, diagrams, tables, graphs etc.
    I have done all this yet when the roll over image appears its order is set behind the question and answers, I need it in front. when trying to change the order, eg bring to front, all the options are grayed out and not available. Is there a way to fix this as I know I cannot use a slidelet in a question slide.
    I have also tried to re-order the question and answer text, but is is also grayed out.
    Any help would be greatly appreciated
    Cheers
    Andrew

    Hello,
    You cannot insert interactive objects on any default question slide from pool or not. You will have to change the action to be executed on Success/Failure. There it is possible to jump to a slide.
    Beware: you can never jump to a slide that is outside of the quiz 'scope'. This scope starts with the slide where you have the first scoreable object, which can be a question slide but also a button/click box/TEB with a score. The scope typically ends with the score slide. So be sure that the slide you want to jump to are in that scope. Eventually you can add a scoreable object (with a low score perhaps of 1pt) like a button or click box to the first slide of your project. If you keep the score slide as the last slide you will not have to worry anymore about the scope.
    Hope this makes sense,
    Lilybiri

  • Lines over images and around text in Captivate SWF file

    My project works & views fine in captivate and when published, it views fine on my mac - through flash player and browsers. But when I send a swf file to the client to view they see odd lines above and below images.
    But they dont see the lines when they view the htm file within a browser - then it views fine.
    The lines only appear when there's text over an image.
    Screen shots attached.
    My captivate project was created by importing a Powerpoint document, with images and text on each slide.
    I've changed the optimisation / slide quality through prefrences and on each slide to the highest quality.
    I've also un-selected the advanced slide compression.
    Is there another thing I can try to iron out these lines?
    Some of the images within Powerpoint are stretched, would this cause the lines?
    Is it a flash player issue?
    Or a zooming issue?
    Any help is much appreciated!

    Thanks Lilybiri,
    I am a new user & just finding my way
    I understand how to publish and how Captivate creates a zipped file with a SWF, HTML, JS and CSS files etc. (Im using Captivate 7). 
    How do you send Captivate projects to clients for review / approval before you supply them with the whole project zipped file?
    So far I've been sending them the swf file to check. And have had troubles with them viewing the lines over images and around text. Even though I cant see the lines.
    I need the client to see what I'm seeing - a project without any lines.

  • Insert shape over image in table cell

    Want to use circles, ovals, lines with arrows to point to some part (text or image) of a cell in a table.
    Need to emphasize certain areas of graphics in a document used as a step by step type document.
    If I add the shape outside the table and then try to drag/drop on to the image in the cell, the entire cell jumps to a new empty cell.
    Can nod get image to appear over the image in the table cell.

    Hello,
    do you think about this, please have a look here: http://help.adobe.com/en_US/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-7b86a .html.
    Another way, to add text over an image uses Nancy O.'s Demo here (I would prefer by using PS or similar):
    http://alt-web.com/DEMOS/CSS-Sold-Out-Text-over-image.shtml
    Hans-Günter

  • Translucent gray over image in thumbnil (grid) view

    See example image below:
    one thumbnail looks OK (on left), but other, problem image (on right) has translucent gray layer over image!
    The problem images are not in a stack.
    If I click the problem image thumbnail it looks normal, but the gray overlay re-appears if I click on anther image.
    It shows OK in develop module.
    I know this is probably something stupid, but...can anyone help identify what is happening?
    -Colin

    Most probably you have flagged the image as "rejected" by pressing "X" on your keyboard.
    When an image is flagged as rejected it gets that grey overlay that disappears when you select the image. You can still edit them in the Develop Module.
    To delete the "Rejected" flag, select the images with the grey overlay and press "U" or "P" on your keyboard. "U" stands for "Unflagged". "P" stands for "Picked".

  • Draw line over Image??.. in Grid Format

    Hello frnds,
    what i want to do in my project is to draw image on JPanel with grid lines.. ??
    May be image in background and lines over image..
    I searched forum before but coulnt find appropriate thread.. please help me out??
    gervini

    from within the JPanel's paint() method.In Swing components you should overide the paintComponent() method, not paint().

  • Roll-over images

    Does RoboHelp support roll-over images?
    I've tried every way to insert a roll-over image into my
    project, including editing the html page in dreamweaver but as soon
    as I open it up in RoboHelp and generate it the images either does
    not change or it is not visible.
    Please advise...
    Thanks,
    Susy Carrillo

    You might take a look at
    Walter
    Zorn's free tooltip utility, a really neat onMouseover
    application that makes your tooltips look like popups, including
    the use of links within them.
    You can use it for text links or in combination with image
    maps. So far, I'm using only the former, but I'll be using the
    latter for some new, complex C# screens in our next version
    release.
    There are a few things that can trip you up, such as: all the
    HTML inside the Javascript area (the
    escape('Some text') portion) cannot have carriage returns;
    and certain characters must be escaped with a backslash (such as
    replacing double quotes with backslashed single quotes). However,
    it's all explained quite well on his site. You can control
    backgrounds, transparencies, images, placement, etc.
    As Peter says, do all your testing in a scrub project before
    going live in the real one.
    Good luck,
    Leon

  • How to displaying MapViewer tile layers over ArcGIS World Imagery?

    How to displaying MapViewer tile layers over ArcGIS World Imagery?
    Here is the ArcGIS World Imagery URL:http://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer
    Thanks.

    I don't think that's possible. You can't add Mapviewer tile layer over ArcGIS Server. However you can make a wms layer by oracle mapviewer and feed it into the Arcgis server.

  • I am trying to import scanned illustrations into Final Cut Pro (6) as layered photoshop images, however when I try and animate the image is blurred.....please help!

    I am trying to import scanned illustrations into Final Cut Pro (6) as layered photoshop images, however when I try and animate the image is blurred.....please help! Will I need to create the photoshop files as a certain size/resolution? I am working to 4:3.....

    You should take your question to the Final Cut Studio forum. This is FCPX.

  • Making Roll over images from photoshop layout

    Hello Everyone,
    I am working on a website and I have sliced my parts of my Photoshop file.
    I have saved as a html with images as well!
    How would I amek a roll over image out of the buttons I made in photoshop and sliced?

    Best thing you can do is delete that HTML file from Photoshop and use the slices and build the code in Dreamweaver.  You will be much better off.
    The simplest solution is to save the 2 states of your button as 2 separate images then click on Insert->Image Objects->Rollover Image.  Then select your before and after image.  Just remember to upload the javascript file Dreamweaver creates during this process or it won't work online.

Maybe you are looking for

  • CF Set form.variable for query and Next/Previous pages error

    I have a CF form with a select that posts to a CF "action" page. On the action page I: CFSET ItemNumber=#form.ItemNumber# I CFOUTPUT the 'ItemNumber' into the CFQUERY (which is an Inner Join dependant on the '#ItemNumber#')... All of the above works

  • Tomcat 5.0.28 Installation Problem

    Hi everybody, I'm running tomcat 5.0.28 as a service on windows XP and I'm getting a message that the module javajni.c can not be found. Where should this module be?? Thanks for any hints

  • VLD-2771 in OWB 9.2

    Hi... I have installed OWB 9.2 onto 9.2.0.1 database on local machine (Windows XP). The install was fine and I have created both Design and Runtime repositories on the same machine. I have created a new user called OWB and am using this as a source s

  • Uninstalling iPhoto 6/Reinstalling iPhoto 5

    I have an old G4 400 running 10.4.5. I decided to update iLife 05 to 06, which was a mistake. It took up way too much disk space and iPhoto and iDVD were so sluggish that they were practically useless. Fortunately I had made a backup of the entire Pi

  • HT5824 how to recover deleted items

    My iphone was hacked into and only selected messages from certain individuals were deleted. I need any and all advise as to how i can regain all personal infomation lost.