Menu not showing up in page

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´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>






<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&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>







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

Subscribe Post Reply

2154

AricC

1,892

Expert 1GB

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

 
/* Include this where you want the menu to show up */

<?php include('yourmenufile.htm'); ?>

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

rsteph

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  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

AricC

1,892

Expert 1GB

Are you certain you have the links correct? Try absolute URL's to test if you aren't already.

Nov 2 '06 #4

AricC

1,892

Expert 1GB

Check your PM's I'll fix the code tonite just shoot it my way.

Aric

Nov 2 '06 #5

by: Gernot Frisch | last post by:

Hi, I have found some menu functions. It works quite well, but how can I replace it with a simple <a href> if javascript is turned off? I reduced my code to:...

Javascript

Menu Control

by: Mark Parter | last post by:

I have a master page which contains a Menu control and a SiteMapPath control, both are bound to the same web.sitemap XML file. Say I have 2 pages, Page 1 and Page 2. Now Page 2 can only be accessed...

ASP.NET

Menu ascx - use database? Best practice?

by: Sandy | last post by:

Hello - I have a book that illustrates pulling menu items from a Sql Server table into an ascx via a stored procedure. Is this something that is done in the real world? I do like the effect...

ASP.NET

SiteMap and Menu behavior on website using host header

by: GopherGold | last post by:

I have a site that uses a combination of Web.Sitemap and a SqlSiteMapProvider that I created (thanks to Jeff Proisse @ MSDN). One node of the Web.Sitemap is the same as the root node from the...

ASP.NET

drop down menu looses initial option

by: Laura K | last post by:

I have a drop down menu which has a list of subcategories and the initial value is "please choose a Subcategory". When the user chooses a subcategory they are taken to a new page where the drop...

ASP.NET

Problem: IE renders list boxes always in the foreground and covers my DHTML menu

by: Andi | last post by:

Using a DHTML dropdown menu, blocks of menu items should be displayed on top of the page to let the user choose a menu item. So, on top of my page (no matter how it is constructed), there should...

HTML / CSS

more menu problems - again

by: Jeff | last post by:

hey asp.net 2.0 I'm creating a web portal using master pages and sitemaps! My web portal consist of 2 menus (a header menu which goes horizontally across the top of the page. And a sidebar...

ASP.NET

problem with dynarch context menu

by: Robbo | last post by:

Hi, I am creating html pages with forms where I use Dynarch menu script in a context menu mode. Their script needs to be initialized like this: <body onload="DynarchMenu.setup('menu', { context:...

Javascript

Getting JS Menu to work

by: N00b13 | last post by:

I have a great JS menu but I have to update every page each time I want to change a link. Is there a way to store my links in a file and call it so i only change that file? (what I have tried so far...

Javascript

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

Menu not showing up in page

Similar topics