Header image overlapping the menu div...

Hello

I decided to play a little more with Dreamweaver and started building a website in it. So far, everything went smoothly, but I have to cover the menu buttons in the header image (which is the bottom of my buttons at the same time) and noticed that the same header image overlaps the buttons menu, but only in editor mode, when I test the Web site inside my browser buttons are visible and are ok.

I tried to put them both in absolute positioning and the value of z-index... but in the header Editor always overlaps the menu buttons.

_________________________

Here is the source code:

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
"< html xmlns ="http://www.w3.org/1999/xhtml">".
< head >
< meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
InfoSpot < title > < / title >
< link href = "css/template.css" rel = "stylesheet" type = "text/css" / > "
< / head >

< body >

<! - main wrapper - >

< div id = 'wrapper' >

<! - header - >

< div id = "header" > < img src = "images/logo.png" alt = "logo" name = "logo" width = "783" height = "167" id = "logo" / > < / div > "


<! - menu buttons - >

< div id = "homeBtn" > home < / div >

<! - main content - >


< div id = "mainContent" >
< p > Lorem ipsum dolor < /p >
Lorem ipsum dolor sit amet, adipiscing elit our.  Aenean commodo ligula eget dolor.  Aenean massa.  Cum sociis natoque penatibus and magnis say parturient montes, nascetur ridiculus mus.  Donec quam felis, ultricies nec, pretium quis, pellentesque EU, sem.  MPCs nulla massa quis enim.  Donec queer justo, fringilla vel, aliquet nec, fitness eget, arcu.  Enim justo, ut, imperdiet justo, vitae venenatis lectus.  Nullam dictum EU gay of mollis pretium felis.  Integer tincidunt.  CRAs dapibus.  Vivamus elementum. < / div >
< / div >

< / body >
< / html >

___________________________

And the css:

@charset "utf-8";

{body
margin: 0px;
padding: 0px;
background-image: url (.. / images/bg.png);
}

{#wrapper}
Width: 900px;
height: 800px;
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
left margin: auto;
position: relative;
}


#header {}
Width: 800px;
height: 167px;
do-size: 2em;
color: #900;
Padding: 0em;
margin-left: 100px;
float: left;

}

{#homeBtn}
do-family: Arial, Helvetica, without serif.
do-size: 1em;
make-weight: bold;
color: #5 has 5959;
Width: 70px;
height: 30px;
float: left;
margin-top:-10px;
margin-left: 370px;
padding: 3px;
text-align: left;

}

#mainContent {}
do-family: Arial, Helvetica, without serif.
do-size: 1em;

line-height: 1.6em;
color: #5 has 5959;
border:;
top of the margin: 70px;
margin-right: 0px;
margin-bottom: 0px;
margin left: 355px;
Width: 450px;
float: left;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
text-align: left;



}
#mainContent p {}
do-family: "Arial", Times, serif;
make-weight: bold;
font size: 1.6em;
color: #5 has 5959;
}
{.imagesLeft}
padding: 3px;
Clear: left;
float: left;
top of the margin: 3px;
margin-right: 10px;
margin-bottom: 5px;
margin-left: 5px;
border: 1px solid #CCC;
}

Kind regards!

vedtam

Put the home button IN the header div and place it where you want with margins and padding.

Tags: Dreamweaver

Similar Questions

  • Cascades: How to set the background image for the menu drop down and etc...

    Hello

    Is there an easy way to set the background image for the menu drop down and etc, current support only black as a background?

    Thank you

    Tom.

    Welcome to the forums!

    This is currently not supported unfortunately.

    I encourage you to save a feature for this request:

    https://www.BlackBerry.com/JIRA/secure/dashboard.jspa

    See you soon!

    Martin

  • How can I change the size of police/image on the menu, and the taskbar?

    How can I change the size of police/image on the menu, and the taskbar?

    Depends on your version. Earlier versions supported screens high resolution. The creative version cloud has an option in the preferences, but it is limited on options. 100%, 200% and auto.

  • ? I can't ' open the images in the menu "develop", I only see blue screen aa in the midd

    ? After the installation of LR I can't see the Images in the menu "delvelp" in the middle of the screen, the Navigation view and detail view are ok

    Disable GPU acceleration

    Go to Preferences, click the performance tab, and then clear the check box

  • I created mega menu in adobe muse (master page) but the thing is when I saw the menu in other pages stuff I alreahy had created the will overlap the menu. Can I do to fix this problem. I wish I had the menu overlap the things I

    I created mega menu in adobe muse (master page), but the thing is when I spotted this menu in other contents pages I had already created will overlap the menu. Y at - it options that may correct this problem. I wish I had the menu overlap content. This did not happen on the master page (master page looks good) thank you very much.

    Place the menu on its own layer above the rest of the page content.

  • IMAGES IN THE MENU LINE

    Is it possible to insert a picture into your main menu and this precisely in the State "Overview"? So rather than just text 'Contact', you would have the text and a picture next to whenever the mouse passes over the floor.

    Hello

    Click on a menu item and go in the States Panel, then click on the "rollover" State it and "fill in" image in the menu item by using the option "fill." While doing this, make sure that 'Edit Together' is checked for the menu and this change will result in all the menu items.

    I hope this helps.

    See you soon

    Parikshit

  • Green Spry menu bar. -problem adding list-image in the menu bar container

    Can anyone help - after searching the Web failure

    I want to add a single image (such as bullet points) in front of the text in a menu bar.

    And to make it a bit more 'difficult': different images for the menu outermost bars and identical images in the submenu bar - like this:

    [pic1] CLUBS

    [pic2] XXXX

    [pic2] AAAA

    [pic3] RESULTS

    [pic4] FIXTURES

    Thanks in advance for the solutions
    (perhaps also make the Spry menu?)

    Georg

  • How do I set the background image for the menu I have the DSP in Muse

    I design a layout and I want to bring converted of the PS to dream. Anyone know how I can do this.aa.png

    I am trying set high and the low image of the menu in muse.

    I would like to know how I can do better.

    Thank you

    Kristina

    Hi Kristina,

    You can disable the image that you have pasted above and also to create a toggled State for all menu items. In fact, there are 4 States: Normal, rollover, mouse and mouse down, but you will use usually two images because some States share the same image. Next, you need to use the menu widget and provide your cutting of images for all States in this widget. Check this link http://www.adobekb.com/building_your_first_website_pt4.html to this section all about:

    See you soon,.

    Mario

  • image overlaps the master header when scrolling?

    muse_overlapping header.png

    Hello

    You can place the header elements on the separate layer as first layer

    Kind regards

    Saeed

  • Header image causes the displacement when loading pages

    I built a project with a size of header 215px on only one master and placed a box of 'Wide' with a ladder to the fill picture, with my logo and the navigation Menu I want to expand on all pages of the Web site.  When I move from page to page, the menu bar and body of text temporarily transfer and then down again made the transition from one page to another very clumsy looking and have a nice static header between pages.  If I remove the header image this behavior disappears, but given that it is a standard feature of Muse and is covered in the first tutorial of training Katie coffee, I guess it should work more smoothly.  As a side note, I went back to the site of the Katie coffee I built with instructional video and noticed that this behavior also occurs on the homepage of this site, so therefore it doesn't seem to be specific to the design of my site.

    Given that I put a header size on my master, at least, I think the position of the page body to stay consistent with this, even if there were changes in the header box?

    Please change the fill to fit and then check, in addition to publish the site to the live page as the browser view probably will not show the same question.

    Thank you

    Sanjit

  • Registration issues of the meta data to image in the menu Organizer file

    I've been test Organizer to 14 items in replacement of the Windows Photo Gallery.  I like the product a lot, but I am concerned about the way that it is saving metadata back to the image file, which for me is essential.

    When I save the metadata in the image file, I then test it by removing the connection from the menu Organizer while keeping the file in its original location.  I then re-import the file to see if the metadata is intact.  It turns out that keywords and caption are fine, but not the tags people.  What came out as beacons of people with locations of the people in the photo is such that people tags have been converted to keywords, and the location information of people are completely missing.  For me, this is unacceptable, because it means that if I do things with the file outside the connection to the host catalog so that data is lost forever.

    If others have found to be true?  Am I correct in what's going on here?  If Adobe is listening here, this is a problem and something that must be solved in the future?  Again, I like the product, but it is a critical question that will prevent me from implementing for my needs.

    Thanks for the replies.

    rawbug wrote:

    In your approach to use personal names as keywords you obviously cannot then display location of the person in the image.  You would have to address this problem in the legend (very old school, but apparently where we are at this stage of standardization).

    Yes, you have it perfectly.

    I do not at all for the location of the person in the image.

    Marking of the people is too important for me to trust an automated process, family history or genealogy.

    I'm very 'old school' (which means effective) and I don't use legends to this end, unless I am dealing with a few people. Furthermore, the Organizer is incredibly fast in search of people by their names included in a legend.

    The path of the 'old school' when you have a group photo (weddings...) is to create a note, not a legend. Same ease as legend to extract a single name of a group of 50.

    And this makes my "skinny" catalog, it's faster and with much less risk of corruption.

  • Check the alignment of the image in the menu

    Just wonder if someone could take a look at this page in Firefox (or any browser Windows) and I would like to know if the sunflower image / Affirmations free image OK aligns with other sensory navigation buttons?

    Depending on browser Lab, it should do so, but my landlord of the site informed me that it does not work in Firefox (I guess on a PC).

    Thank you!

    http://www.joanneburrell.com

    Seems OK for me (FF 3.6)

    See screenshot.

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics | Print | Media specialists
    http://ALT-Web.com/
    http://Twitter.com/ALTWEB

  • Problem with the menu (mobile version)

    Hi guys, I'm new with Muse. I have a trivial question: I would like to first of all the menu of the mobile version of my Web site always at the top of the screen. I tried to use the scrolling effects, but the problem is that the "body" of the page (text and images) overlap the menu...

    I'm sorry for my English, maybe a photo could explain better.

    IMG_5589.PNGIMG_5590.PNGIMG_5591.PNG

    Go to the layers panel, create one new layer before any other and drag your menu items.

  • Images does not turn on the Menu

    Hello!

    Hoping someone can help on this. I've included a screenshot for clarity.

    When you hold an iPad in portrait position, images of the menu display correctly. However, during the transition to the landscape, the text orientation all adjusted, but not images.

    Is there something we're missing here?

    Confused, any suggestions would be great!Screen Shot 2013-03-19 at 12.35.28 PM.png

    I've seen this problem in the past when I've seen the library in a direction and then open the application later without a WiFi connection and rotate the unit with the open library. Because there is no link, the viewer has used images of the original orientation. Unfortunately, when I've reconnected, the viewer has no update images. I think that this bug has been fixed in v25. The solution is to remove/reinstall the application.

  • How to get jump to the top of the image behind the navigation

    Hello

    I am struggling to find how to get my contact popup button to appear behind the navigation bar, as it does on the homepage and portfolio pages. ideas please!

    Paul design workshop - home

    Thank you

    Each of them actually overlap the menu bar, but because it is only white, it of the only one see you because double job.

Maybe you are looking for

  • Detect the color of the fuses

    Hello I have an electronic card which has several fuses with different colors. I want to develop a program of LabWindows that allows me to detect if the color of the fuses is good or not. Can you tell me if Labwindows contains libraries for this work

  • HP Compaq 6730 b: 10 Windows

    Hi all I was the proud owner of a HP 6730 b running Windows 7. I made the terrible mistake to install Windows 10. Now, Windows does NOT detect when I attach a second screen, be it a second monitor or a TV, or anything else. I know for a fact that oth

  • Records of the "rocket"

    I am brand new to digital music and am just getting started with my rocket.  So far so good. I started by paste the files in the folder music in the internal memory, as stated in the manual.  But then I thought it might be wise to create separate sub

  • Windows explorer.exe stops and restarts allot

    I use windows vista 32 bit home premium service pack one. I would like to know if there are any solutions for my problem by blocking windows explorer.exe dive down and reboot... I scanned the computer with macffe and test a hard drive and it says its

  • Need manual for the p6226f Pavilion, hard drive failure possible

    Hello, all. I was given just a Pavilion p6226f who was on his way to recycling when the friend thought of me. Now, if I can fix it, it's mine. I don't have any information yet, or manuals. I know he has Windows 7 on it, but that's all. My questions: