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 & 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 & 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 & 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
Forum Index:
Programming Help |
C and C++ |
VB6 |
Java |
VB.NET |
C# |
ASP.NET |
PHP |
ColdFusion |
Perl and Python |
Ruby |
Databases |
Other Languages |
Game Programming |
Mobile Development |
Software Development |
Computer Science |
Industry News |
Programming Tutorials |
C++ Tutorials |
Visual Basic Tutorials |
Java Tutorials |
VB.NET Tutorials |
C# Tutorials |
Linux Tutorials |
PHP Tutorials |
ColdFusion Tutorials |
Windows Tutorials |
HTML/JavaScript Tutorials |
CSS Tutorials |
Flash Tutorials |
Web Promotion Tutorials |
Graphic Design & Photoshop Tutorials |
Software Development Tutorials |
Database Tutorials |
Other Language Tutorials |
ASP.NET Tutorials |
Game Programming Tutorials |
WPF & Silverlight Tutorials |
| 
