71
I've found a javascript menu download, I've been tweaking it within a testpage, and getting it to look just right. I finally got everything looking right, all I have to do is alter where the links navigate to. Before I do that I'm trying to get it put into the actual page I want to use it in; right now I've been using a blank html page to test it with.
I've done everything just like it is in the test page, but the menu isn't appearing on the new page. I was wondering if anyone could look at my code and see if they see anything that looks like it may be causing the problem. I had another dropdown menu in here, and it appeared without problem.
here's the page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Clermo nt Christian Church</title>
<link href="styles.cs s" rel="stylesheet " type="text/css" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="descripti on" content="This is the website homepage" />
<meta name="keywords" content="Christ ian, Indiana, Church, Clermont, Religion, Indianapolis, Sunday, School" />
<style type="text/css" media="all">
@import "style.css" ;
</style>
<script type="text/javascript" src="/java_scripts/basic_datetime. js"></script>
<script type="text/javascript" language="javas cript" src="/java_scripts/sniffer.js">
/*************** *************** *************** **
* Top Navigational Bar III v3.5 (By BrotherCake- brothercake.com )
* Exclusive permission by Dynamicdrive.co m to include script in archive
* For this and 100's more DHTML scripts, visit http://www.dynamicdriv e.com/
* This notice MUST stay intact for legal use
*************** *************** *************** **/
</script>
<script type="text/javascript" language="javas cript1.2" src="/java_scripts/custom.js"></script>
<script type="text/javascript" language="javas cript1.2" src="/java_scripts/style.js"></script>
</head>
<body id="body" onLoad="dt()">
<div id="bannerconte nt">
<img src="images/header.jpg" alt="" />
</div>
<div id="menucontent ">
<script type="text/javascript" language="javas cript1.2" src="/java_scripts/menu.js"></script>
</div>
<div id="bodycontent ">
<table border="0" cellpadding="23 " cellspacing="0" >
<tr>
<td align="center">
<img src="images/church01.jpg" width="644" height="483" alt="Clermont Christian Church" />
</td>
</tr>
<tr>
<td align="left">
<h1>Clermont Christian Church</h1>
<p>Welcome to Clermont Christian Church´s internet home! You may have stopped here on purpose, or you may have gotten here by accident, but either way, we´re glad you´re here!</p>
<br />
<p>We are in the business of connecting people to God and connecting people to one another so that life can be all that God intends! As you look around our site, we hope you´ll find helpful information about CCC and get to know a little bit about who we are. We´d love to see you face to face sometime, so feel free to stop in to one of our services anytime, or introduce yourself as you see us out in the community. We are praying for you!</p>
</td>
</tr>
</table>
</div>
<div id="footer">
<div id="datetime"> </div>
</div>
</body>
</html>
<!-- *************** *************** *************** ************* -->
<!-- * START TRIPOD AD CODE - PLEASE REMOVE WHEN EDITING PAGE * -->
<!-- *************** *************** *************** ************* -->
<!-- revision: new - $Change: 88678 $ -->
<script type="text/javascript" src="http://hb.lycos.com/hb.js"></script>
<script type="text/javascript">
var cm_role = "live";
var cm_host = "tripod.lycos.c om";
var cm_taxid = "/memberembedded" ;
var lycos_ad_catego ry = null;
var lycos_ad_remote _addr = "67.98.138. 34";
var lycos_ad_www_se rver = "www.tripod.lyc os.com";
var lycos_ad_track_ small = "http://members.tripod. com/adm/img/common/ot_smallframe.g if?rand=3459";
var lycos_ad_track_ served = "http://members.tripod. com/adm/img/common/ot_adserved.gif ?rand=3459";
</script>
<script type="text/javascript" src="http://scripts.lycos.c om/catman/init.js"></script>
<script type="text/javascript" src="http://members.tripod. com/adm/ad/code-start.js"></script>
<script type="text/javascript" src="http://members.tripod. com/adm/ad/code-middle.js"></script>
<script type="text/javascript" src="http://members.tripod. com/adm/ad/code-end.js"></script>
<noscript>
<img src="http://members.tripod. com/adm/img/common/ot_noscript.gif ?rand=3459" alt="" width="1" height="1" />
<img src="http://lycos.247realme dia.com/data/?tax0_SiteID=2& amp;nojs=true" alt="" width="1" height="1" />
<a href="http://network.realmed ia.com/RealMedia/ads/click_nx.ads/lycostripod/ros/728x90/wp/ss/a/3459@Top1?x"><i mg border="0" src="http://network.realmed ia.com/RealMedia/ads/adstream_nx.ads/lycostripod/ros/728x90/wp/ss/a/3459@Top1" alt="leaderboar d ad" /></a>
</noscript>
<!-- revision: new - $Change: 88678 $ -->
<!-- *************** *************** *************** *********** -->
<!-- * END TRIPOD AD CODE - PLEASE REMOVE WHEN EDITING PAGE * -->
<!-- *************** *************** *************** *********** -->
And here's the style sheet:
/* css Clermont Christian Church website default styles v1.01 */
/* Author: Rob Stephens */
body {
margin: 10px 10px 0px 10px;
padding: 0px;
}
/* =============== =============== =============== =============== ========= */
/* Specific DIVs */
#body {
background-image: url(/images/image01.png);
}
#bannercontent {
position: absolute;
left: 190px;
top: 10px;
height: 226px;
width: 900px;
voice-family: "\"}\"";
voice-family: inherit;
z-index: 1;
}
html>body #bannercontent {
height: 200px;
}
#menucontent {
position: absolute;
left: 190px;
top: 236px;
width: 900px;
height: 30px;
background-image: url(/images/menu04.png);
z-index: 800;
}
#bodycontent {
position: absolute;
left: 190px;
top: 266px;
height: 1000px;
width: 900px;
voice-family: "\"}\"";
voice-family: inherit;
background-image: url(/images/marb009.jpg);
z-index: 1;
}
html>body #bodycontent {
height: 800px;
}
#footer {
position: absolute;
left: 190px;
top: 1266px;
height: 40px;
width: 900px;
voice-family: "\"}\""
voice-family: inherit;
background-image: url(/images/menu04.png);
z-index: 1;
}
html>body #footer {
height: 40px;
}
#groupItem {
height: 80px;
border: 1px solid #000;
voice-family: "\"}\"";
voice-family: inherit;
height: 80px;
width: 800px;
z-index: 2;
}
html>body #footer {
height: 80px;
}
#datetime {
font-family: arial;
font-size: 14pt;
font-weight: 900;
color: #ffffff;
z-index: 3;
}
#dropmenudiv{
position:absolu te;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}
/* =============== =============== =============== ===== =============== ==== */
/* Font Elements */
#bannercontent h1 {
font-size: 58px;
padding: 10px 10px 0px 10px;
margin: 0px;
color: #000000;
}
#bodycontent h1 {
font-size: 36px;
padding: 10px 10px 0px 10px;
margin: 0px;
color: #000000;
}
#bodycontent p {
font-size: 16px;
padding: 10px 10px 0px 10px;
margin: 0px;
color: #000000;
}
#bodycontent h5 {
font-weight: bold;
font-size: 16px;
padding: 10px 10px 0px 10px;
margin: 0px;
color: #000000;
}
#bodycontent li {
font-size: 18px;
padding: 10px 10px 0px 10px;
margin: 0px;
color: #000000;
}
#menucontent h1 {
font-size: 36px;
padding: 10px 10px 0px 10px;
margin: 0px;
color: #000000;
}
#menucontent p {
font-size: 16px;
padding: 10px 10px 0px 10px;
margin: 0px;
color: #000000;
}
#footer p {
font-size: 16px;
padding: 10px 10px 0px 10px;
margin: 0px;
color: #000000;
}
p {
font-size: 16px;
padding: 10px 10px 0px 10px;
margin: 0px;
color: #000000;
}
a:link {
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
}
a:visited {
font-weight: bold;
text-decoration: none;
color: #7AD0E1;
}
a:hover, a:active {
text-decoration: underline;
color: #1365AE;
}
/* =============== =============== =============== ===== =============== ==== */
/* Random style classes. */
.clCMEvent{posi tion:absolute; z-index:300; width:100%; height:100%; clip:rect(0,100 %,100%,0); left:0; top:0; visibility:hidd en;}
.clCMAbs{positi on:absolute; width:10; height:10; left:0; top:0; visibility:hidd en;}
.clT,.clTover,. clS,.clSover,.c lS2,.clS2over{p osition:absolut e; overflow:hidden ; width:130; height:30; cursor:hand;}
.clT,.clTover{p adding:2px; font-size:16px; font-weight:bold;}
.clT{color:whit e;}
.clTover{color: #7AD0E1;}
.clS,.clSover{p adding:2px; font-size:16px; font-weight:bold;}
.clS2,.clS2over {padding:2px; font-size:16px;}
/* .clS,.clS2{colo r:white; background-color:#6699CC; layer-background-color:#6699CC;} */
.clS,.clS2{colo r:white; background-color:#3B3B65; layer-background-color:#3B3B65;}
.clSover,.clS2o ver{color:#7AD0 E1;}
/* .clSover,.clS2o ver,.clTover,.c lB,.clBar{layer-background-color:#0066CC; background-color:#0066CC;} */
.clSover, .clS2over{layer-background-color:#1365AE; background-color:#1365AE;}
.clB{position:a bsolute; visibility:hidd en; z-index:300;}
.clBar{position :absolute; width:10; height:30; visibility:hidd en;}
/* =============== =============== =============== ===== =============== ==== */
Any help that can be offered would be greatly appreciated. Thank you.
