Just as the title says ...Just as the title says - I'm using the Chrome Menu from Dynamic Drive http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm
but I have tried several others, all with the same result. The player is always the top item, whether or not it is actually playing anything. I don't mind if it is busy, but when it is just sitting there, I need my menus to appear. Worst case on the site is this:
http://www.thesoundsmith.com/private/courtial.htm
How can I fix this? Z-index is useless here, apparently. Thanks
David Kempton
The Soundsmith
Here is your page with the player underneath the menu using z-index. I didn't feel like rebuilding your whole page, so I just shoved your content donw with a bunch of breaks. More properly, the content shouold be positioned using CSS.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd"><html>
<head>
<title>David 'Dasher' Kempton presents: Courtial - Don't You Think It's Time</title>
<meta http-equiv="keywords" content="David Dasher Kempton Courtial - Don't You Think It's Time music jazz synthesizer synth seventies funk fusion record audio">
<meta http-equiv="description" content="The first Courtial album, Dont You Think It's Time. Original fusion jazz from some great performers">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<link rel="shortcut icon" href="favicon.ico" >
<link rel="stylesheet" type="text/css" href="csstop.css" />
<style type="text/css">
body
{
background-image: url('bg/tex20.jpg');
background-attachment: fixed;
}
div.player1
{
position: absolute;
top: 70px;
left: 355px;
width: 470px;
height: 229px;
z-index: 100;
}
div.player2
{
position: absolute;
top: 810px;
left: 355px;
width: 470px;
height: 229px;
z-index: 100;
}
div.dropmenudiv
{
z-index: 101;
}
</style>
<script type="text/javascript" src="chrome.js">
/***********************************************
* Chrome CSS Drop Down Menu- © 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>
</head>
<body>
<center>
<div class="chromestyle" style="margin-left: 80px;" id="chromemenu">
<ul>
<li><a href="dandd.htm" rel="dropmenu1">Dino and David</a></li>
<li><a href="ddset1.htm" rel="dropmenu2">CD Music</a></li>
<li><a href="scores.htm" rel="dropmenu3">Scores</a></li>
<li><a href="hammond1.htm" rel="dropmenu4">Hammond</a></li>
<li><a href="vids.htm" rel="dropmenu5">Videos</a></li>
<li><a href="otrmuse.htm" rel="dropmenu6">Other Music</a></li>
<li><a href="studio.htm" rel="dropmenu7">The Soundsmith</a></li>
<li><a href="biopg.htm" rel="dropmenu8" class="lastone">About</a></li>
</ul>
</div>
<!--1st drop down menu Dina and David -->
<div id="dropmenu1" class="dropmenudiv" style="width: 180px;">
<a href="dandd.htm">Dino & David</a>
<a href="dandd.htm#ddvid">Dino & David Do It All in 2:30</a>
<a href="dandd2.htm">5-minute Presentation</a>
<a href="songlist2.htm">Song List</a>
<a href="vids.htm">Live at Pearl's</a>
<a href="ddset1.htm">Crossfire CD</a>
<a href="ddset1.htm#bookem">Book the Band</a>
</div>
<!--2nd drop down menu CDs -->
<div id="dropmenu2" class="dropmenudiv" style="width: 200px;">
<a href="ddset1.htm">Crossfire-Dino & David</a>
<a href="lifecycles.htm">Life Cycles -World Fusion</a>
<a href="trimain.htm">Primary Trigrams of the I Ching</a>
</div>
<!--3rd drop down menu - Scores -->
<div id="dropmenu3" class="dropmenudiv" style="width: 150px;">
<a href="scores.htm">Score Downloads</a>
<a href="scorefjb1.htm">For Jimmy</a>
<a href="scorejms.htm">You Just My Size</a>
<a href="scorepad.htm">Padiddle</a>
<a href="scorekgg.htm">Kinder, Gentler Groove</a>
<a href="scorerina.htm">Rina-s Eyes</a>
<a href="scorepete.htm">Pete's Pearl</a>
<a href="scorebigg.htm">Big Greasy Elephant</a>
</div>
<!--4th drop down menu - Hammond -->
<div id="dropmenu4" class="dropmenudiv" style="width:220px;">
<a href="hammond1.htm">A Few Notes on the Hammond Organ</a>
<a href="hammond2.htm">Original Standard Registrations</a>
<a href="hammond3.htm">Secret Settings of the Jazz Masters</a>
<a href="hammond4.htm">How to Play Jazz on the Hammond</a>
</div>
<!--5th drop down menu - Videos -->
<div id="dropmenu5" class="dropmenudiv" style="width:250px;">
<a href="vids.htm">Video Page</a>
<a href="dandd.htm#ddvid">Dino & David Do It All in 2:30</a>
<a href="dandd2.htm">Dino & Daviid in 5-minutes</a>
<a href="hammond1.htm#forjvid">For Jimmy - Premiere</a>
<a href="vids.htm">Dino & David Live at Pearl's</a>
<a href="mjf.htm">Andy Weis - 50th Monterey Jazz Festival</a>
<a href="djbvid.htm">Downtown James Brown</a>
<a href="miscmusic.htm">Superbowl Jam Session</a>
</div>
<!--6th drop down menu - OtherMusic -->
<div id="dropmenu6" class="dropmenudiv" style="width:200px;">
<a href="trimain.htm">Primary Trigrams of the I Ching</a>
<a href="mtyband.htm">Monterey - Live in Santa Cruz</a>
<a href="cookin.htm">Cookin' with Mr. Dash</a>
<a href="rhino.htm">Rhinoblossom</a>
<a href="smoosyn.htm">Smooth Synths</a>
<a href="zytron.htm">Zytron - avant garde jazz</a>
<a href="djbvid.htm">Downtown James Brown</a>
<a href="courtial.htm">Courtial</a>
<a href="prophetz.htm">Prophetz of Time and Space</a>
<a href="jazzatp.htm">Dino & David at Pearl's</a>
<a href="blair.htm">Dino & David with Judy Blair</a>
<a href="rogpage.htm">Roger Eddy Band</a>
<a href="bopage.htm">Bo Williams Swing Machine</a>
<a href="sandy.htm">Sande Hershman/Sophia</a>
<a href="electro.htm">Early Electronica</a>
<a href="miscmusic.htm">Miscellaneous Other Music</a>
</div>
<!--7th drop down menu - Studio -->
<div id="dropmenu7" class="dropmenudiv" style="width:150px;">
<a href="studio.htm">Soundsmith Studios</a>
<a href="eqlist.htm">Equipment List</a>
<a href="keyrig.htm">Live Performance Rig</a>
</div>
<!-- 8th drop down menu-About/Contact -->
<div id="dropmenu8" class="dropmenudiv" style="width:100px;">
<a href="biopg.htm">About Me</a>
<a href="dandd.htm#bookem">Book the Band</a>
<a href="contact.htm">Contact</a>
<a href="http://www.thesoundsmith.com">Home</a>
</div>
</center>
<script type="text/javascript">
cssdropdown.startchrome("chromemenu")
</script>
<br />
<h1 class="h1as2">Courtial - Don't You Think It's Time</h1>
<div class="player1">
<embed src="mediaplayer.swf"
width="470"
height="229"
wmode="opaque"
allowscriptaccess="sameDomain"
allowfullscreen="true"
flashvars="width=470&height=229&file=playlist.xml&displayheight=210&displaywidth=210&volume=80&repeat=list&showstop=true&usefullscreen=false&shuffle=false&repeat=list&overstretch=true&searchbar=false"
/>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<h2 class="h2as3">The amazing jazz fusion group that shook the Central Coast in the seventies</h2>
<br />
<br />
<p>
Originally formed to perform music for a play, <I>Us, The Rest of Us</I> folded opening night, leaving the band, already a tight-knit unit, to open at a small club in Menlo Park, Butterfield's.
<br />
<br />
A few weeks later, club filled to overflowing, the band began plans for this project.. The rest, as they say, is hysterical...
</>
<p class="lineup">
Personnel:
<br />
Bill Courtial - guitar
<br />
Errol Knowles - vocals
<br />
David 'Dasher' Kempton -Dyno-Rhodes, Arp 2600 and Elka String Machine - bellbottoms, anyone?
<br />
Ed Williams - electric bass
<br />
Geoffrey Whyte - drums
<br />
Jose Najera - percussion
</p>
<br />
<hr>
<p class="inset">
Would you like to hear more? I have unearthed a cassette recording of the very last night of the Courtial band at Butterfield's, where it all began. The recording is <I>extremely</I> distorted, but the band was really kicking some serious tail that evening, even if the arrangements got left in the dust.
<br />
<br />
If you can handle the poor recording quality, here is:
</p>
<h3>Courtial - Last Night at Butterfield's</h3>
<div class="player2">
<embed src="mediaplayer.swf"
width="470"
height="229"
wmode="opaque"
allowscriptaccess="sameDomain"
allowfullscreen="true"
flashvars="width=470&height=229&file=playlist.xml&displayheight=210&displaywidth=210&volume=60&repeat=list&showstop=true&usefullscreen=false&shuffle=false&repeat=list&overstretch=true&searchbar=false"
/>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<hr>
<br />
<h3>And finally, just for fun...</h3>
<p class="inset">
Here is a piece I composed for a Radio Shack CB Radio Contest - they were really looking for 30-second commercials, but this turned into a pop tune, sort of. Again, recorded onto 4-track cassette with many overdubs...
</p>
<center>
<object type="application/x-shockwave-flash"
width="300"
height="17"
border="1"
data="xspf_player_slim.swf?playlist_url=playcb.xspf.txt&autoload=0&autostart=0&autoresume=0&repeat_playlist=1&playlist_size=3">
<param name="movie" value="xspf_player_slim.swf?playlist_url=playcb.xspf.txt&autoload=0&autostart=0&autoresume=0&repeat_playlist=1&playlist_size=3" />
</object>
</center>
<!-- BEGIN BackBtn and home Btn -->
<br />
<hr align="center" width="67%" size="2">
<br />
<center>
<a href="javascript:history.go(-1)" onMouseOver="self.status=document.referrer;return true" class="moveit"><img src="backbtn.jpg" ALT="back" HEIGHT="32" WIDTH="32" align="middle"> <br />Back</a>
</center>
<br />
<center>
<a href="enter.htm" class="moveit"><img src="sslogo.gif" ALT="Home" height="34" width="150"> <br />Home</a>
</center>
<br />
<!-- END BackBtn and home Btn -->
</body>
</html>
Put your own playlists back into the embed code. The playlist filenames should have an extension of xml, although it's not mandatory. Tested on IE6, Opera9, and Firefox2........