By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
424,985 Members | 1,863 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 424,985 IT Pros & Developers. It's quick & easy.

Menu not showing up in page

P: 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>Clermont Christian Church</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="This is the website homepage" />
<meta name="keywords" content="Christian, 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="javascript" src="/java_scripts/sniffer.js">

/***********************************************
* Top Navigational Bar III v3.5 (By BrotherCake- brothercake.com)
* Exclusive permission by Dynamicdrive.com to include script in archive
* For this and 100's more DHTML scripts, visit http://www.dynamicdrive.com/
* This notice MUST stay intact for legal use
***********************************************/

</script>

<script type="text/javascript" language="javascript1.2" src="/java_scripts/custom.js"></script>
<script type="text/javascript" language="javascript1.2" src="/java_scripts/style.js"></script>

</head>

<body id="body" onLoad="dt()">
<div id="bannercontent">
<img src="images/header.jpg" alt="" />
</div>

<div id="menucontent">
<script type="text/javascript" language="javascript1.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&acute;s internet home! You may have stopped here on purpose, or you may have gotten here by accident, but either way, we&acute;re glad you&acute;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&acute;ll find helpful information about CCC and get to know a little bit about who we are. We&acute;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.com";
var cm_taxid = "/memberembedded";

var lycos_ad_category = null;

var lycos_ad_remote_addr = "67.98.138.34";
var lycos_ad_www_server = "www.tripod.lycos.com";
var lycos_ad_track_small = "http://members.tripod.com/adm/img/common/ot_smallframe.gif?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.com/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.247realmedia.com/data/?tax0_SiteID=2&amp;nojs=true" alt="" width="1" height="1" />
<a href="http://network.realmedia.com/RealMedia/ads/click_nx.ads/lycostripod/ros/728x90/wp/ss/a/3459@Top1?x"><img border="0" src="http://network.realmedia.com/RealMedia/ads/adstream_nx.ads/lycostripod/ros/728x90/wp/ss/a/3459@Top1" alt="leaderboard 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:absolute;
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{position:absolute; z-index:300; width:100%; height:100%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:hidden;}
.clCMAbs{position:absolute; width:10; height:10; left:0; top:0; visibility:hidden;}

.clT,.clTover,.clS,.clSover,.clS2,.clS2over{positi on:absolute; overflow:hidden; width:130; height:30; cursor:hand;}
.clT,.clTover{padding:2px; font-size:16px; font-weight:bold;}
.clT{color:white;}

.clTover{color:#7AD0E1;}

.clS,.clSover{padding:2px; font-size:16px; font-weight:bold;}

.clS2,.clS2over{padding:2px; font-size:16px;}

/* .clS,.clS2{color:white; background-color:#6699CC; layer-background-color:#6699CC;} */
.clS,.clS2{color:white; background-color:#3B3B65; layer-background-color:#3B3B65;}

.clSover,.clS2over{color:#7AD0E1;}

/* .clSover,.clS2over,.clTover,.clB,.clBar{layer-background-color:#0066CC; background-color:#0066CC;} */
.clSover, .clS2over{layer-background-color:#1365AE; background-color:#1365AE;}

.clB{position:absolute; visibility:hidden; z-index:300;}
.clBar{position:absolute; width:10; height:30; visibility:hidden;}

/* ================================================== =================== */

Any help that can be offered would be greatly appreciated. Thank you.
Nov 2 '06 #1
Share this Question
Share on Google+
4 Replies


Expert 100+
P: 1,892
Are you including the menu on the new page? And are all of the links correct? Here is what I do, seperate all that code and make a new file call it menu.php, then take all of the CSS and put it in your CSS file ( looks like you already have an external style sheet ). Now you have your menu system seperate from your web pages then integrate them like so:

Expand|Select|Wrap|Line Numbers
  1. /* Include this where you want the menu to show up */
  2. <?php include('yourmenufile.htm'); ?>
  3.  
This will make it easier to include your menu in all of your pages without having to retype the code. Also, if you want to update your menu you don't have to update it on 30 pages just 1.

HTH,
Aric
Nov 2 '06 #2

P: 71
The way I actually have it right now, is the menu and the header content are part of a header.html file that I put into each page via an <!--#include --> statement.

I've gone back to an older drop down menu. It works in IE and Netscape, but not in Mozilla. That's why I'm trying to get this new menu to work. I pulled all the <script> tags from the test page I had, and pasted them into my header.html file, and put a <script> tage into the menuitems div, to call in the menu. In the javascript the menu is given a z-index of 1000 as well.

For some reason it still doesn't like to show up.
Nov 2 '06 #3

Expert 100+
P: 1,892
Are you certain you have the links correct? Try absolute URL's to test if you aren't already.
Nov 2 '06 #4

Expert 100+
P: 1,892
Check your PM's I'll fix the code tonite just shoot it my way.

Aric
Nov 2 '06 #5

Post your reply

Sign in to post your reply or Sign up for a free account.