PDA

View Full Version : Flyout Menu Help... PLEASE


RC GRAFXS
01-29-2006, 09:40 PM
Hey All.

I am new to this as well. I have deleloped my web page in flash and am okay with that program so i figure it was time to move on to something else. I am trying to get a fly to build a web page for a local golf course here in my area. I am trying to make a menu for across the top of the web page that will drop down with other options links to click on. I tried this tutorial on http://www.dreamweaverclub.com/dreamweaver-dhtml-menu.phpand must have done somethign wrong cause when i did the menu did not function properly. Can anyone help me with either finding a we tutorial on flyout menus or help walk me through building one? Keep in mind i am just learning this and everything I know so far is self taught. Please help. It will be greatly appreciate. thanks.

Russ

domedia
01-29-2006, 10:13 PM
I tried this tutorial on http://www.dreamweaverclub.com/dreamweaver-dhtml-menu.phpand must have done somethign wrong cause when i did the menu did not function properly. Let's take it from there. Do you know where you want wrong? If you post the code it's easier to determine as well.

RC GRAFXS
01-30-2006, 03:36 AM
Domedia,

Here is my code for what I did in the the totorial.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Pop 'Em - Unfinished</title>
<link href="assets/stylesraw.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>

<body>
<div id="header">assets/logo.gif</div>
<div id="menu">assets/button1.gifassets/button2.gifassets/button3.gif</div>
<div id="SubMenu2" style="position:absolute; width:200px; z-index:2; left: 120px; top: 100px; visibility: visible;" class="subs">
<a href="#" >Sub Menu Link 1Sub Menu Link 2 Sub Menu Link 3Sub Menu Link 4Sub Menu Link 5
</div>
<div id="content">


Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla quam, in condimentum augue lorem non tellus. Pellentesque id arcu non sem placerat iaculis. Curabitur posuere, pede vitae lacinia accumsan, enim nibh elementum orci, ut volutpat eros sapien nec sapien. Suspendisse neque arcu, ultrices commodo, pellentesque sit amet, ultricies ut, ipsum. Mauris et eros eget erat dapibus mollis. Mauris laoreet posuere odio. Nam ipsum ligula, ullamcorper eu, fringilla at, lacinia ut, augue. Nullam nunc.</p>


Sed et lectus in massa imperdiet tincidunt. Praesent neque tortor, sollicitudin non, euismod a, adipiscing a, est. Mauris diam metus, varius nec, faucibus at, faucibus sollicitudin, lectus. Nam posuere felis ac urna. Vestibulum tempor vestibulum urna. Nullam metus. Vivamus ac purus. Nullam interdum ullamcorper libero. Morbi vehicula imperdiet justo. Etiam mollis fringilla ante. Donec et dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Etiam mi libero, luctus nec, blandit ac, rutrum ac, lectus.</p>


Morbi consequat felis vitae enim. Nunc nec lacus. Vestibulum odio. Morbi egestas, urna et mollis bibendum, enim tellus posuere justo, eget elementum purus urna nec lacus. Nullam in nulla. Praesent ac lorem. Donec metus risus, accumsan ut, mollis non, porttitor eget, mi. Aliquam aliquet, tortor a elementum aliquam, erat odio sodales eros, suscipit blandit lectus dolor sit amet elit. In eros wisi, mollis vitae, tincidunt in, suscipit id, nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Phasellus ornare. Suspendisse potenti. Mauris convallis. Vestibulum nec mauris in augue porta mollis. Proin ut nunc. Mauris aliquam dui eget purus.</p>
</div>
<div id="footer">(c) copyright message </div>

<div id="closer" style="position:absolute; width:500px; z-index:1; left: 0; top: 100; visibility: visible;">assets/shim.gif (javascript:;)</div>
</body>
</html>

Do you see anything i did wrong?

Once we get this figured out i still need to be able to change it and adapt it to my web page for the golf course. tahnks for even taking the time to look at it.