PDA

View Full Version : Chrome Drop Down Not working



ashleymoreau
02-06-2011, 05:51 PM
I am trying to get the Chrome Drop Down Menu to work but for some reason it won't work. My code looks almost identical to the chrome code i copied and pasted the original in and the bar shows up but not the drop down portion.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Jerry's Florist | Home</title>
<link href="main.css" rel="stylesheet" type="text/css" />
<link href="chromemenu/chrometheme/chromestyle.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="chromejs/chrome.js">

/***********************************************
* Chrome CSS Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<style type="text/css">
.style1 {
text-align: center;
}
</style>
</head>

<body>

<div id="masthead">
<div id="Titlebar" class="style1">
<div class="style1">
<br>
</br><br></br><br>
</br><br></br><br/></div>



<div class="chromestyle" id="chrome-menu">
<ul>
<li><a href="default.html">Home</a></li>
<li><a href="About%20Us.html" rel="dropmenu1">About Us</a></li>
<li><a href="Gallery.html" rel="dropmenu2">Gallery</a></li>
<li><a href="Testimonials.html" rel="dropmenu3">Testimonials</a></li>
<li><a href="Platinum%20Weddings.html" rel="dropmenu4">Platinum Wedding</a></li>
<li><a href="Links.html" rel="dropmenu5">Vendor Links</a></li>
<li><a href="#" rel="dropmenu6">Contact Us</a></li>
</ul>
</div>

<!--1st drop down menu -->
<div id="dropmenu2" class="dropmenudiv">
<a href="Personal%20Rememberance%20Funeral.html">Personal Rememberance Funeral</a>
</div>


<!--2nd drop down menu -->
<div id="dropmenu4" class="dropmenudiv" style="width: 150px;">
<a href="WeddingParty.html">Wedding Party</a>
<a href="WeddingCeremony.html">Wedding Ceremony</a>
<a href="WeddingReception.html">Wedding Reception</a>
</div>

<!--3rd drop down menu -->
<div id="dropmenu6" class="dropmenudiv" style="width: 150px;">
<a href="consultationform.pdf">Consultation Questionaire</a>
</div>



</div>
</div>
<div id="footer">
</div>

<script type="text/javascript">

cssdropdown.startchrome("chrome-menu")

</script>

</body>

</html>