Re: Creating Java/DHTML Vertical Navigation Menu in FrontPage

Tech-Archive recommends: Fix windows errors by optimizing your registry



If this is the code from your page, then it's badly structured -

<html>

<head>
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1252">
<title>CSS Library</title>
<base target="main">
</head>

<body bgcolor="#800080">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://
www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en">

<script type="text/javascript" src="jquery-1.2.6.pack.js"></script>

<script type="text/javascript" src="ddaccordion.js">

You cannot have HTML content ABOVE the doctype as you show here. Change that to this -


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://
www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html;charset=windows-1252">
<title>CSS Library</title>
<base target="main">
<script type="text/javascript" src="jquery-1.2.6.pack.js"></script>

<script type="text/javascript" src="ddaccordion.js">

Then further down, change this -

</style>

<body bgcolor="#800080">

to this -

</style>
</head>
<body bgcolor="#800080">

and finally at the end of the page, change this -

</body>

</html>

</body>

</html>

to this -

</body>

</html>


--
Murray
MVP Expression Web


"sharsy" <shari@xxxxxxxxxxxxxxxxx> wrote in message news:88474fbd-fbb5-409f-9278-1e39be258eba@xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
I don't know a way of just uploading one particular page to a website
- my boss would prefer me not too as he's worried about privacy etc.
I've attached the entire code for my navigation manu - I'm hoping that
this may be sufficient! If not, if you know of a free place to jsut
upload one page then that would be very helpful!

<html>

<head>
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1252">
<title>CSS Library</title>
<base target="main">
</head>

<body bgcolor="#800080">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://
www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en">

<script type="text/javascript" src="jquery-1.2.6.pack.js"></script>

<script type="text/javascript" src="ddaccordion.js">

/***********************************************
* Accordion Content script- (c) Dynamic Drive DHTML code library
(www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

</script>

<script type="text/javascript">

ddaccordion.init({
headerclass: "headerbar", //Shared CSS class name of headers group
contentclass: "submenu", //Shared CSS class name of contents group
revealtype: "mouseover", //Reveal content when user clicks or
onmouseover the header? Valid value: "click" or "mouseover
mouseoverdelay: 200, //if revealtype="mouseover", set delay in
milliseconds before header expands onMouseover
collapseprev: true, //Collapse previous content (so only one open at
any time)? true/false
defaultexpanded: [0], //index of content(s) open by default [index1,
index2, etc] [] denotes no content
onemustopen: true, //Specify whether at least one header should be
open always (so never all headers closed)
animatedefault: false, //Should contents open by default be animated
into view?
persiststate: true, //persist state of opened contents within browser
session?
toggleclass: ["", "selected"], //Two CSS classes to be applied to the
header when it's collapsed and expanded, respectively ["class1",
"class2"]
togglehtml: ["", "", ""], //Additional HTML added to the header when
it's collapsed and expanded, respectively ["position", "html1",
"html2"] (see docs)
animatespeed: "normal", //speed of animation: integer in milliseconds
(ie: 200), or keywords "fast", "normal", or "slow"
oninit:function(headers, expandedindices){ //custom code to run when
headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom
code to run whenever a header is opened or closed
//do nothing
}
})

</script>

<style type="text/css">

.urbangreymenu{
width: 190px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 14px Tahoma;
color: black;
background: #A5CF63 url(arrowstop.gif) no-repeat 8px 6px; /*last 2
values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of
content*/
text-transform: uppercase;
padding: 7px 0 7px 8px; /*8px is left indentation of header text*/
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: black;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of
content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: bold 14px Tahoma;
color: white;
background: #800080;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: white;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}

</style>

<body bgcolor="#800080">

<div class="urbangreymenu">

<h3 class="headerbar"><a href="http://www.dynamicdrive.com/
style/">Audit</a></h3>
<ul class="submenu">
<li><a href="Audit/BSA/BSA.htm">BSA</a></li>
<li><a href="Audit/Statutory/Statutory.htm">Statutory</a></li>
<li><a href="Audit/Trust Accounts/Trust Accounts.htm">Trust Accounts</
a></li>
</ul>

<h3 class="headerbar"><a href="http://
www.javascriptkit.com">Compliance</a></h3>
<ul class="submenu">
<li><a href="http://www.javascriptkit.com/cutpastejava.shtml";
Activity Statements</a></li>
<li><a href="http://www.javascriptkit.com/javatutors/";>Corp Sec</a></
li>
<li><a href="http://www.javascriptkit.com/jsref/";>FBT</a></li>
<li><a href="http://www.javascriptkit.com/dhtmltutors/";>Financial
statements</a></li>
<li><a href="http://www.javascriptkit.com/howto/";>Tax</a></li>
</ul>

<h3 class="headerbar"><a href="http://www.javascriptkit.com";>Financial
Planning</a></h3>
<ul class="submenu">
<li><a href="http://www.javascriptkit.com/cutpastejava.shtml"; >TBA</
a></li>
<li><a href="http://www.javascriptkit.com/javatutors/";>TBA</a></li>
<li><a href="http://www.javascriptkit.com/jsref/";>TBA</a></li>
</ul>

<h3 class="headerbar"><a href="http://www.javascriptkit.com";>Internal</
a></h3>
<ul class="submenu">
<li><a href="http://www.javascriptkit.com/cutpastejava.shtml";
Administrative</a></li>
<li><a href="http://www.javascriptkit.com/javatutors/";>Computers</a></
li>
<li><a href="http://www.javascriptkit.com/jsref/";>HRM</a></li>
<li><a href="http://www.javascriptkit.com/dhtmltutors/";>Management</
a></li>
<li><a href="http://www.javascriptkit.com/howto/";>Training</a></li>
</ul>


<h3 class="headerbar"><a href="http://www.javascriptkit.com";>Library</
a></h3>
<ul class="submenu">
<li><a href="http://www.javascriptkit.com/cutpastejava.shtml"; >ABN</
a></li>
<li><a href="http://www.javascriptkit.com/javatutors/";>ATR</a></li>
<li><a href="http://www.javascriptkit.com/jsref/";>Solutions</a></li>
<li><a href="http://www.javascriptkit.com/dhtmltutors/";>Special
Advice</a></li>
</ul>


<h3 class="headerbar"><a href="http://www.javascriptkit.com";>Super
Funds</a></h3>
<ul class="submenu">
<li><a href="http://www.javascriptkit.com/cutpastejava.shtml"; >Audit</
a></li>
<li><a href="http://www.javascriptkit.com/javatutors/";>Financial
Statements</a></li>
<li><a href="http://www.javascriptkit.com/jsref/";>Tax</a></li>
</ul>


</div>

</body>

</html>

</body>

</html>

.



Relevant Pages

  • Re: [PHP] header
    ... Assuming you mean with the header function, ... It would be possible though if your php page is displaying html or at least spitting out the html to be displayed somewhere to use HEREDOC. ... That's not an HTTP header. ...
    (php.general)
  • Re: php redirect doesnt work
    ... header() from work, as it has to be sent before any other output from a script. ...
    (alt.php)
  • Re: Frames not working
    ... It just shows the header. ... <HTML> ... Or to put text bare in the head? ... What are you calling it? ...
    (alt.html)
  • Re: CSS-positioning with top and bottom
    ... i have find a solution at your problem with javascript and css: ... <HTML> ... <HEAD> ...
    (comp.infosystems.www.authoring.stylesheets)
  • Re: Grey logos in letterheads
    ... If you really need the rationalisation, it is/was this: ... from which both HTML and XML protocols sprang: ... header and leaving it up to the recipient device to figure it out. ...
    (microsoft.public.mac.office.word)