Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Drop down menu hiding underneath marquee

Status
Not open for further replies.

FALCONSEYE

Programmer
Jul 30, 2004
1,158
US
Actually,

I ran into this issue when I started converting my HTML pages to XHTML pages (Which you are using). This issue is due to the way the <img> tag is rendered in XHTML vrs HTML which most people learned how to mark up. With HTML images tags block by default. In XHTML they are inline by default.
You need to force the image to block by using the following css:
display:block;

Your current image tag:
<img src="images/smcheader.jpg" width="760" height="98" border="0" usemap="#Map" />

The working one you need:
<img src="images/smcheader.jpg" style="display:block; width:760px; height:98px; border-style:solid; border-width:0;" usemap="#Map" />

Rembember this because you will surely run into it again if you continue XHTML markup.
 
Sorry,

I replied to the wrong thread. But While I'm here I can add some insight to a similar situation.

Browser rendered controls such as text boxes alway stay on top of divs despite the z-index. I have gotten around this by dynamically creating an iframe with the percise dimensions of my drop down menu and setting its visiblilty to none. Placing my menu over the top of this iframe allows the div to actually be placed above the text box, flash animation, etc.

Once again sorry about posting to the wrong thread in my above response.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top