close ad
Install the LAtest Updates to Work with CC 2017 and CC 2018
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Trouble with Drop Down Menu in IE6

Thread began 3/19/2009 7:27 pm by jules.webb286095 | Last modified 3/20/2009 3:16 pm by Justin Nemeth | 2457 views | 3 replies |

jules.webb286095

Trouble with Drop Down Menu in IE6

I am having trouble with my drop down menu in IE6. I know the issue is with the z-index of some element, I just can't seem to pinpoint which rule to make the changes to.

I have a horizontal menu with 6 links, 2 of which have drop down menus. I have a header background image under the menu. Inside the header image on some pages I have a quote, this quote ends up being on top of the drop down menu thus when you hover over the menu it disappears. On pages where there is no quote the drop down menus work fine.

<div id="sp_graphic" class="BG_about">
<h1>Acupuncture is the greatest gift<br />I've ever given myself!
<span class="author">K.R. Palmer, AK</span>
</h1>
</div>

If you wish to view it online go to: intro-to-aca.php
un: webassit
pw: guest

Thanks for any help offered:-)

Jules

Sign in to reply to this post

Justin Nemeth

Since the author span is under the h1 text, I would try moving it outside of the h1 into its own div. Then you can try using normal (not absolute) positioning to see if that makes a difference.

html:
<div id="sp_graphic" class="BG_about">
<h1>Acupuncture is the greatest gift<br />I've ever given myself!</h1>
<div class="author">K.R. Palmer, AK</div>
</div>
Sign in to reply to this post

jules.webb286095

Hi Justin

You were right, the relative positioning of the h1 tag was the issue. I took that off, ended up using a p tag for the author and all works well.

div.BG_about h1 { padding-top: 18px; padding-left: 25px; }
div.BG_about .author { color: #415167; margin: 3px 0 0 170px; }

<h1>Acupuncture is the greatest gift<br />I've ever given myself!</h1>
<p class="author">K.R. Palmer, AK</p>

---hey how do you get the nifty HTML Code: box? I can't find a way to use that on the forum interface, am I overlooking it or is that only for Admin use?

Thanks for the heads up!
Jules

Sign in to reply to this post

Justin Nemeth

When you are in advanced posting mode, you can click the html <> icon (there is one for php too) and it will color code it for you.

html:
<div class="something">text</div>
php:
<?php
echo "hello";
?>
Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...