Z Index, overlay images, need help (crazy!)

Need help on overlay images. As you can see, the "polaroid" a band on it - I want this band to overlap the menu bar.

zindex.JPG

The menu bar is a Graphic (there is a slight slope for her) and above it are the real menu graphics.  If I remove the menu graphics, photography rides very well.  But if I insert the menu chart, they are on top of the polaroid.  Thanks in advance for any help you can provide.

Gary

Here is the code for the page:

SanDiegoHomegrown.com < h1 > < / h1 >

< img src = "images/menuBar.gif" / > "

< ul id = "menu bar" >
< li = 'listen' id > < a href = "songs.html" > listen < /a > < /li > ""
< id li = "submit" > < a href = "submit.html" > submit songs < /a > < /li > ""
< li id = "seals" > < a href = "seals.html" > help < /a > < /li > seals ' "
< li = 'about' id > < a href = "about.html" > Our Story? ' " < /a > < /li >
< li = 'sponsors' id > < a href = "sponsors.html" > Sponsors < /a > < /li > ""
< /ul >


< div id = "polaroid" >
< img src = "images/band2_polaroid.png" width = "280" height = "354" / > "
< / div > <! - polaroid - >

Here's the CSS:

{#polaroid}
height: 354px;
Width: 280px;
padding-left: 50px;
margin-top:-40px;
}
{#menuBar}
height: 30px;
Width: 960px;
padding: 0px;
do-family: 'Courier New', Courier, monospace;
list-style-type: none;
position: absolute;
display: block;
background-repeat: no-repeat;
margin-top:-30px;
}

#menuBar a {}
Width: 175px;
display: inline-block;
color: #2F3032;
text-align: left;
vertical-align: 0%;
margin: 0px;
list-style-type: none;
float: left;
height: 35px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
text-indent:-9999px;
}

{#menuBar #listen
background-repeat: no-repeat;
position: absolute;
background-image: url(images/titles/listen_bar_orig.gif);
}

{#menuBar #submit}
background-image: url(images/titles/submit_bar_orig.gif);
background-repeat: no-repeat;
position: absolute;
margin left: 150px;
Width: 200px;
z-index: 1;
}

{#menuBar #seals}
background-image: url(images/titles/seals_bar_orig.gif);
background-repeat: no-repeat;
position: absolute;
margin left: 375px;
Width: 225px;
}

{#menuBar #about}
background-image: url(images/titles/about_bar_orig.gif);
background-repeat: no-repeat;
position: absolute;
margin left: 625px;
}

{#menuBar #sponsors}
background-image: url(images/titles/sponsor_bar_orig.gif);
background-repeat: no-repeat;
position: absolute;
margin left: 800px;
}

Auggh, just figured it out.  Polaroid should be relative positioning!

Tags: Dreamweaver

Similar Questions

  • grid enabled on each image, need help to turn off please, uughhhh

    I have a few active how the function of the grid (Ctrl-h) on EACH image, I opened.  I need to disbale the grid manually for each photo by pressing control-H.  It is listed under 'extras' as well.  Please help me to disable this permanentely so I can't do every time!  Thanks in advance!

    Tracey

    See-> see the--> grid

  • Upgrade to ESXi 6.0 U1 via provided of images, need help.

    Hello

    I want to improve my vSphere of 5.1 to 6.0, I'm at the point where I need to improve my ESXi hosts to 6.0.

    I have the possibility of using Dell released images ESXi or VMware official images. I read on a few blogs which they suggest that we use specific Dell because they may contain more updated drivers... Ok.

    What about when it comes to patch the ESXi hosts? Once I have installed Dell ESXi image, can I apply critical patches of host to the hypervisor, ESXi that appear in my Update Manager? Those who come from VMware... or what to do in this case?

    Thank you.

    Hello

    After you install ESXi 6 CD of Dell, you can apply patches critical and non-critical by using the Update Manager.

    Who will update your ESXi host for later.

    Thank you

    JAS

  • Construction of several slides/images - need help!

    Hello, I have only recently started to learn AS3 and have been unable to accomplish what I consider one of the most simplest tasks, create multiple images/slides. In fact, I was unable to conclude to the existence of what I consider to be a core function.

    I want to set up multiple pages, with a 'go to the next page button. For example:

    Executives Dias/1
    Go to the next slide button

    Now, when the user clicks the next button slide reach I would like the following to appear...

    Slide/Frame2
    Go to the previous slide, the button

    Noting that I don't want the scripts of the first frame/slide or objects are present or active on the second picture/slide.

    Thanks for the help.

    on your first image place a next button and previous button (for example, next_btn and prev_btn).  expand the layer that contains both on the scenario you want to act as a slide show.

    Create a new layer actions and add the following script:

    Stop();

    next_btn.addEventListener (MouseEvent.Click, nextF);

    prev_btn.addEventListener (MouseEvent.Click, prevF);

    buttonVisF();

    function nextF(e:MouseEvent):void {}

    nextFrame();

    }

    function prevF(e:MouseEvent):void {}

    prevFrame();

    }

    function buttonVisF (): void {}

    next_btn.visible = prev_btn. Visible = false;

    {if(this.currentFrame>1)}

    prev_btn. Visible = true;

    }

    If (this.currentFrame<>

    next_btn. Visible = true;

    }

    }

  • Hello, I need help with my photoshop, rececently the majority of my family disappeared merger options and I cant access AVC and other options ive tried reset preferences and it seems to come back but when I add an image and try add text again

    Hello, I need help with my photoshop, the majority of my family rececently disappeared options fusion and I can't access strokes and other options ive tried to reset the settings of preference and he seems to come back but when I add an image and you try to add text again, they'll only options I have are drop shadow , gradient, Chromakey, shine of satin overlay, inner (I use photoshop cc 2015) Please help, my Skype contact options are: RoblivionM8 and email:[email protected]

    Thanks for your time

    Your first screenshot shows the layer style dialog where not all types of effects are indicated on the left. Bottom left of the dialog box, you see a small icon fx with a menu arrow drop-down. Use drop down the menu and make sure all you click on show all effects or restore the default list. I don't know what you're trying the shoe on the second screen capture.

  • Need help with image fusion

    Hello

    Before I get to my question, I want to give you a glimpse of the project I'm working on and the aspects that I need help. For a school project, a customer, 94Fifty asked us to create an advertisement that depicts their basketball and could be used in advertising online and in magazines. The 94Fifty of basketball is the world's first "smart ball." It can count how many times you dribbling, the arc of your shot, release time it takes for you shoot, etc. To use the ball, you need an Apple product that can download the application 94Fifty on the App Store, so that this project is done as a collaboration with the company 94Fifty and Apple.

    For my ad, to really capture the idea of being the first smart ball, 94Fifty ball I wanted to mix an image of the texture of the ball of 94Fifty, with the shape and details of a brain, with the slogan being, "A ball that is as smart as you." I have my design buried on, but I'm not sure how to combine the image of the brain with ball should I use layers? How can I remove the pink color of the brain and replace it with the ball while keeping the shape of the brain and the lines creased the brain? Any help and technical that you can give would be greatly appreciated.

    Here are two pictures that I'm trying to mix.

    8376271918_cf0b1b5c4f_o.jpg94fifty ball.png

    I would also try and keep the logo of 94Fifty which is on the ball in the mixed picture.

    Please do not confuse this for to ask me someone to do it for me, it's the exact opposite of what I want, I just need help with what to do.

    Here is a fairly simple method:

    First of all, level of basketball for the type to be horizontal. (Also correct the values of white light - burn at the top left and bottom top right.)

    Mask on white background of the brain and turn the image to 0% of saturation.

    Put the brain on basketball on its own layer. Make the overlay blend mode.

    Using free transform, reshape the brain is greater (rounder), like the basketball, with a visible margin around the edge of the ball.

    -Now, you have a brain in a basketball, but the brain is a bit too subtle.

    Duplicate the layer of brain as many times as you need to get the good contrast (I've duped the layer of brain three times, for a total of four layers of brain).

    You will probably find that you need to use the levels adjustment layers or curves on each layer of the brain, for finer value adjustments. Make sure that each adjustment layer affects only the layer directly below.

  • Can't click on a Web site and images don't load, need help!

    I need to fill out a survey online, but I can't check the small boxes next to the images or the options. First of all, I noticed that on this site;
    http://www.Buzzfeed.com/Peggy/Bohemian-homes-Youd-love-to-chill-out-in#.liMj9b8pqw
    Images has not been loaded, but I thought it was due to the slow internet connection. When I clicked on the links that were given as the source of all the images loaded. Then on the test I noticed that I can not click on options. To make sure that I had a problem, I tried some lame games such as:
    http://www.Buzzfeed.com/tomphillips/true-or-false-or-what#.eaOjqW6kJ2
    I tried some of the options on the support page as disabling add ons, restart firefox on SafeMode etc. I even updated my shockwave, java, etc. Later, because of the risks, I uninstalled java. Still nothing and need help!

    Thank you.

    Thank you guys for your interest. I solved the problem by removing mozilla file from my computer and reinstall. Now, everything is perfect. For the survey I have to fill out, well it turns which includes soundcloud.com which cannot be opened with mozilla and chrome files. I could open it with my phone and noticed that the questions were all files to soundcloud.

    Thanks again.

  • Updated at El Capitan and my mac doesn't see my camera Canon (connected via USB). Need help. Cannot import images.

    Updated at El Capitan and my mac doesn't see my camera Canon (connected via USB). Need help. Cannot import images.

    Try using using the Image Capture (in the Applications folder)?

  • need help, can not attach the image file to my yahoo mail.

    need help, trying to compose e-mail... can not attach the image file to my yahoo mail... using firefox. Vista starter edition

    using 3 G hsdpa usb modem, model huawei E156G

    download stats is 0.00 KB its not not download, http://img337.imageshack.us/img337/2547/3ginterface.jpg

    the strange thing is that if I only download small file/pic as 50 KB download data passes through, but as 1 MB image file or more it will not pass and remained at 0.00 kb

    I tried to run administrator (always on the standard user account)---> cmd---> ipconfig/flushdns, still the same problem.

    Hi korgmeister,

    1 when was the last time it was working fine?

    2. do you have security software installed on the computer?

    3. are you able to access all Web sites?

    First of all, I suggest that you try to download the file with Windows internet explore.

    If you are able to download using Windows internet explore, then there may be a problem with the Firefox browser.

    Uninstall and reinstall Firefox browser and check.

    If you are facing a similar issue when you use Internet explore, then it may be Internet problem try to download some other file or document check if it works.

    Also contact your internet service provider to check if the connection side there is fine.

    Go back with the results!

    I hope this helps!

    Halima S - Microsoft technical support.

    Visit ourMicrosoft answers feedback Forum and let us know what you think.

  • images &amp; SVG does not load in the browser on Bluehost server - need help

    I need help to solve a problem with Muse cc 2015.2 on the bluehost server. The site looks great in the "Preview in browser" and so after export and by launching the html code of the file of my machine. When I download the bluehost site, nothing in charge. All files are uploaded to the server.

    The strange thing is that when the site is in the fixed mode, loading the images, but when I build the exact location in fluid mode, nothing loads.

    Any advice would be greatly appreciated!

    cdglab wrote:

    When I download the bluehost site, nothing in charge. All files are uploaded to the server.

    Any advice would be greatly appreciated!

    BlueHost is a WordPress server... hire someone and it works perfectly

  • Alpha channel images displays incorrect colors. Need help ASAP! I have samples

    After that update recently in CS 2015.3 which is weird, as I already had CC2015.3, there seems to be a problem with my graphic images of sequelae. The color is now off. I used these graphics in first pro projects before this update without problem. Now without further changes to the sequence, the graphics have all color issues. What is the Adobe issue? I have samples of before and after that I can send... Need help ASAP! Examples of links below...

    Monologue Monday before the update recently in CS 2015.3

    https://youtu.be/9-kKOfUXfEU

    Monologue Monday after update recently in CS 2015.3

    https://youtu.be/tBokuWCGUks

    Please explain what is happening when there where no edit change just a relay audio? FYI I did this process for several projects over the years and this is the first time that I had this kind of problem. I need it fixed ASAP or troubleshooting help, if there is something that I can hurt you please!

    as you may or may not know - he recently was a security update which States that Quicktime player is not safe for windows: it's probably not safe to use Quicktime on Windows more. Gizmodo UK and I think that's the reason why Adobe put in place the ability to import and export some QT Codecs without whether it is installed. That being said, there was also a notion that the player is not sure and the essential elements can remain on your system. You can use a lot of players that is not QT, such as VLC Player. and as I suppose - it is a BUG. It is not supposed to happen. and it's a hypothesis because unless you remove Quicktime and check - we do not know if this problem is solved (I used this term and not "solve" because it is a temporary solution) the question. of course, this is advice from a user like you and use it at your own discretion, as suggestions in the forums.

  • Need help to open two images with the same file with different exposures on the screen at the same time in the Photoshop creative cloud (in previous versions we could open two images of the same nef (raw) file and then combine them on the screen with the

    Need help to open two images with the same file with different exposures on the screen at the same time in the Photoshop creative cloud (in previous versions we could open two images of the same nef (raw) file and then combine them on the screen with the move tool. They have become a composite of two layers which could be developed further with the mask tool.

    Hello

    Please go to the preferences > workspace and uncheck the option 'open the document in the tabs '.

    Now you can click on file and choose file > open and open the two images in two different windows which can be arranged side by side.

    Thank you

  • I would like to delete a short gray border of two images. I need help because I'm still not able to use PhotoShop. Could someone kindly help me with this?

    I would like to delete a short gray border of two images. I need help because I'm still not able to use PhotoShop. Could someone kindly help me with this?

    In order to change a part of an image as needed here, I would use the "Liquify" filter See below, it is quite easy. You just move the lower lip to be more elegant and not like the guys are salivating.

  • Creating Instances of symbols containing an image dynamically resolved - need help

    I'm working on a prototype site which has many images flown in the navigation. Each image is unique, but the code rollover and rollout is identical. I am trying to create a unique symbol which can be used for all the bearings, but need help to figure this out, because it will considerably speed up my work.

    I think that the pseudocode would work like this:

    1. Create a symbol that contains a default rollover image.
    2. In the symbol, add the code rollover and rollout. To set the transparency of 0 - > 100 and back.
    3. Create instances of the symbol on each element of the NAV.
    4. For each instance, set a variable containing the name of the rollover image to use.
    5. In this instance of symbol, get the value of the variable.
    6. In this instance of symbol, use the image name in the variable to replace the default image.
    Question: How do the job 4 to 6 step? I have 1-3 working smoothly. P.S. my last work of dev is waaaaay returns with the Director, PHP and ColdFusion. I still get basic principles such as the use of the functions, instances, objects, inheritance, etc., but the language has changed. And I have very very little experience with the DOM.
    Appendix: How I do it manually
    1. There is a background image of the NAV showing all unselected States
    2. Each element of the net asset value has a rollover image in a series of elements on the nav element. Each bearing has initially set to 0% opacity.
    3. Each element of a rollover image, deployment and click triggers. Triggers rollover and deployment are the same for each. There is also a little more code with deployment that provides a quick fade. It means a lot to copy same code. I hate the idea of having to change any part of this code.

    Thank you! Chassy

    A big thank you Tim (?)!  You saved me a lot of hours on this project.  I'm still learning more jQuery / javascript behind Edge.  Could you assess if my interpretation of the loop content is accurate?  This is my understanding of the code is more limited:

    • SYM. $(array_btns [i]) - access to jQuery object associated with the element of border.
    • MouseEnter (...), - the content define the code to be executed during the passage of the mouse.
    • {obj:array_btns [i]} - refers to the element in the jQuery object, represented by the symbol of edge
    • function {...} - function to run on the given event within the given object/symbol.  The role of the "e" parameter is something I'm not clear on that.  The flow of the code, it seems to represent the edge symbol that contains the element that will be affected by the code.
    • var = e.data.obj BTN - implements a variable to refer to the side of edge.  I think it is the same symbol as number 1 above.
    • sym.getSymbol (btn).$("over").fadeIn (500) - runs the jquery code for fade in at the moment the jQuery "over" event is triggered.

    Also, I'm about to start testing to see if it works in nested symbols.   I guess compositionReady Trigger for each symbol, I can create a [array_btns] and then call sym.getComposition () .setup_btns ()?

  • Need help optimizing Image size

    Hello... I am new to photoshoping...

    I need help help here...

    I'm working on a J2me application that uses the image of the map, since mobile phones have limited resources, I need to reduce the size of a map image as much as possible

    BUT the quality of the text (names of road) and roads must be preserved...

    Because they must be readable in mobile phone...

    So, what choices do I have?

    It has probably been used only 2 colors. This always proud image for allure, you will need 4 colors with the Color Table value adaptive or Perceptive to get a 288KO file (don't use not selective, it works well with this image). You can also try the application filter-> blur-> blur of Surface with a radius of about 25 and a threshold of 30 to simplify the picture. After you apply the Surface blur, the picture came out to about 268kb

    Edit: Scratch that I had my value 268kb with the size of the image intact

Maybe you are looking for

  • Problem w/iOS 9.3.3

    Phone upgrade 9.3.3 wife and she notes and contacts lost? Anyone else having this problem? Any help is appreciated. Also the experience of battery drain pretty quickly. I tried to restart and restore. But no luck.

  • Customize the text string of response from Apple Mail

    Somehow I think that I can change a file in preferences for Apple Mail that will allow me to customize the following: When I reply to an e-mail message, the following text is generated automatically: At 07:49 on May 17, 2016, Joe Blow < Joe.Blow@emai

  • Qosmio G20-139: failure of the DVD - D: is not accessible

    Hi I have a six month old Qosmio G20-139without warning I can't access my DVD player now. No disk will not work and the message: -."D:\ is not accessible. The request could not be performed because of an i/o device error" I ran that the pre installed

  • Portege Z930 - slow Wi - Fi on battery under Linux

    Hello I just bought a Z930 and I run Linux Mint and Windows 7.I have a problem under Linux that I have on Windows.When I put my computer on battery, there is a significant signal drop.Do someone why there is such a problem? We can solve this problem

  • Want desolde/resolder, remove and replace the two damaged usb2 ports

    I have a Sat A30 perfect by all means other than 2 USB2 ports on the back that are damaged (black plastic seperaters between connectors jumped) not quite sure why this happened because I was simply unplug the connected usb plugs on both occasions. Th