School Assignment? Project Due Tomorrow? Chat LIVE With A Programming Expert!

Welcome to Dream.In.Code
Become an Expert!

Join 300,293 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 2,130 people online right now. Registration is fast and FREE... Join Now!




Drop Down Menu Site Check

 

Drop Down Menu Site Check

jonkati

24 Jan, 2008 - 03:16 PM
Post #1

New D.I.C Head
*

Joined: 24 Jan, 2008
Posts: 10

I think I am having issues with my drop down menu on PC windows IE 6 and Firefox. Need someone to do a browser check for me since I am on a Mac and hopefully someone who can point to any problems in my CSS code, which I've attached. I am using a plugin for dreamweaver since I thought it would produce me a better drop down than I can write from scratch (maybe I was wrong). The main issue I think is with the Tours dropdown and the coming soon drop down which is a child of the first drop down. I have attached a pic of what it should appear like. Thanks in advance...

www.edgeofworldretreats.com/test.html
(This is the only page that I have the new drop down menu on. The other pages have an old drop down that I am phasing out)

Joe

HTML Code
CODE

<td><ul id="p7PMnav">
                  <li><a href="about.html">About Us</a></li>
                  <li><a href="tours.html" class="p7PMtrg">Tours &amp; Pilgrimages</a>
                      <ul>
                        <li><a href="france.html">France</a></li>
                        <li><a href="italy.html">Italy</a></li>
                        <li><a href="UK.html">United Kingdom</a></li>
                        <li><a href="mexico.html">Mexico</a></li>
                        <li><a href="greece.html">Greece</a></li>
                        <li><a href="australia.html">Australia</a></li>
                        <li><a href="egypt.html">Egypt</a></li>
                        <li><a href="#" class="p7PMtrg">Coming Soon</a>
                            <ul>
                              <li><a href="#">India</a></li>
                              <li><a href="#">Asia</a></li>
                              <li><a href="#">Hawaii</a></li>
                              <li><a href="#">Africa</a></li>
                            </ul>
                        </li>
                      </ul>
                  </li>
                  <li><a href="retreats.html">Retreats &amp; Programs</a></li>
                  <li><a href="facilitators.html">Facilitators</a></li>
                  <li><a href="registration.html">Registration</a></li>
                  <li><a href="photos.html">Photo Gallery</a></li>
                  <li><a href="news.html">News &amp; Events</a></li>
                  <li><a href="contact.html">Contact Us</a></li>
                  <!--[if lte IE 6]><style>#p7PMnav a{height:1em;}#p7PMnav li{height:1em;}#p7PMnav ul li{float:left;clear:both;width:100%}</style><![endif]-->
                  <!--[if IE 6]><style>#p7PMnav ul li{clear:none;}</style><![endif]-->
                </ul></td>


CSS Code
CODE

#p7PMnav {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}
#p7PMnav li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: 30px;
    background-color: #3F2103;
}
#p7PMnav ul {
    margin: 0;
    padding: 0;
    position: absolute;
    left: -9000px;
    z-index: 10000;
}
#p7PMnav a {
    display: block;
    text-decoration: none;
    color: #FFCA3C;
    line-height:1;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    padding-top: 11px;
    padding-right: 10px;
    padding-bottom: 8px;
    padding-left: 10px;
    margin: 0px;
}
#p7PMnav a:hover, #p7PMnav a:active, #p7PMnav a:focus {
    background-color: #9A650D;
    letter-spacing: 0.01px;
    color: #FFFFFF;
}

/* ------ the current page marker style ------ */
#p7PMnav .p7PMmark {
    color: #333333;
    font-weight: bold;
}
/* ------ the trigger link styles ------- */

/*the trigger link */
#p7PMnav ul .p7PMtrg, #p7PMnav ul .p7PMon {
    background-image:  url(img/p7PM_light_east.gif);
    background-repeat:    no-repeat;
    background-position: right center;
}
/* the active trigger link style */
#p7PMnav .p7PMon {
    background-color: #9A650D;
    color: #FFFFFF;
}
/*the submenu classes */

#p7PMnav .p7PMhide {
    left: -9000px;
}
#p7PMnav .p7PMshow {
    left: auto;
    z-index: 20000 !important;
}
/* Top level menu width */
#p7PMnav li {
    float: left;
    width:;
}
#p7PMnav ul li {
    float: none;
    background-color: #3F2103;
    top: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #FFCA3C;
    border-bottom-color: #FFCA3C;
    border-left-color: #FFCA3C;
    margin: 0px;
    padding: 0px;
}
#p7PMnav ul, #p7PMnav ul li {
    width: 172px;
}
#pmmcrumb {
    font-weight: bold;
    margin-bottom: 11px;
    color: #FFCA3C;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
}
#pmmcrumb a, #pmmcrumb a:visited {
    font-weight: normal;
    color: #9A650D;
}
#pmmcrumb a:hover, #pmmcrumb a:active, #pmmcrumb a:focus {
    font-weight: normal;
    color: #FFCA3C;
    background-color: #3F2103;
}
#p7PMnav ul li ul {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #C29229;
}


This post has been edited by jonkati: 24 Jan, 2008 - 03:23 PM


Attached thumbnail(s)
Attached Image
User is offlineProfile CardPM
+Quote Post


capty99

RE: Drop Down Menu Site Check

24 Jan, 2008 - 03:37 PM
Post #2

i am colt mccoy
Group Icon

Joined: 26 Apr, 2001
Posts: 9,779



Thanked: 29 times
Dream Kudos: 550
My Contributions
i do see the problem in IE
but in FF it looks fine.

have you validated the code?
that worked for me on my last css issue in IE.

not a code guru so can't help beyond that.

good luck.

http://jigsaw.w3.org/css-validator/validat...com%2Ftest.html
User is offlineProfile CardPM
+Quote Post

jonkati

RE: Drop Down Menu Site Check

24 Jan, 2008 - 04:06 PM
Post #3

New D.I.C Head
*

Joined: 24 Jan, 2008
Posts: 10

Thanks for the help. Let me know if you can send a screen shot if you have time out of IE6 to:
jonkati@prodigy.net

Thanks,

Joe

QUOTE(capty99 @ 24 Jan, 2008 - 04:37 PM) *

i do see the problem in IE
but in FF it looks fine.

have you validated the code?
that worked for me on my last css issue in IE.

not a code guru so can't help beyond that.

good luck.

http://jigsaw.w3.org/css-validator/validat...com%2Ftest.html


User is offlineProfile CardPM
+Quote Post

Fast ReplyReply to this topicStart new topic

Time is now: 11/7/09 12:41PM

Live Help!

Be Social

Dream.In.Code RSS Feed Dream.In.Code LinkedIn Group Follow Us On Twitter Fan Us On Facebook

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

DIC Chatroom

Bye Bye Ads

Monthly Drawing

Thumb Drive

Top Contributors

Top 10 Kudos This Month