Dear oh dear help lol

Andyjp1 · #1 (**permalink**) Jul 18th, 2007, 20:22

Hey guys, new to these boards, just need some help really with a problem im having on Frontpage...

www.andy-phillips.co.uk is the site i have put this Page on at the moment...
I have put the menu on the top and i want to make the menu so that when you hover your mouse over the buttom a menu pops down

Anyone any ideas please

1840dsgn · #2 (**permalink**) Jul 18th, 2007, 20:42

erm...my advice would be to ditch FrontPage!!!

Haven't got time to hang around splaining at the moment...

I'm sure someone will come along and help you though! We're nice around here!

Meanwhile try a google search for terms like:
'drop down menus html'
'drop down menus css' (may be a bit complex)

You may come across some good tutorials or scripts that you can add to your site.

Mike

Marc · #3 (**permalink**) Jul 19th, 2007, 10:16

Try this: http://www.cssplay.co.uk/menus/dd_valid.html, it might help, but it might not!

acrikey · #4 (**permalink**) Jul 23rd, 2007, 12:02

Andy firstly if you can afford it loose Front Page, you will benefit if you get a proper design program. You would be able to have more definition on what you are trying to create. We here will all say the same about Front Page but there would not be enough stars to censor all the expletives!!

Example and advice @: http://www.lightex.co.uk/dave/Dave.html

Ok you could use this Javascript

HTML: Select all

<html>
<head>
<title>Untitled Document</title>
</head>
//Follow these rules do not break them or this code wont work at all

<style type="text/css">

#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: white;
visibility: hidden;
z-index: 100;
}

.style1 {color: #FF0000}
</style>

<body>
<div id="dhtmltooltip"></div>

<p>
  <script type="text/javascript">
var offsetxpoint=-60 //Customize x offset of tooltip
var offsetypoint=20 //Customize y offset of tooltip
var ie=document.all
var ns6=document.getElementById && !document.all
var enabletip=false
if (ie||ns6)
var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""

function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function ddrivetip(thetext, thecolor, thewidth){
if (ns6||ie){
if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
tipobj.innerHTML=thetext
enabletip=true
return false
}
}

function positiontip(e){
if (enabletip){
var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
//Find out how close the mouse is to the corner of the window
var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20

var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000

//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<tipobj.offsetWidth)
//move the horizontal position of the menu to the left by it's width
tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
else if (curX<leftedge)
tipobj.style.left="5px"
else
//position the horizontal position of the menu where the mouse is positioned
tipobj.style.left=curX+offsetxpoint+"px"

//same concept with the vertical position
if (bottomedge<tipobj.offsetHeight)
tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
else
tipobj.style.top=curY+offsetypoint+"px"
tipobj.style.visibility="visible"
}
}

function hideddrivetip(){
if (ns6||ie){
enabletip=false
tipobj.style.visibility="hidden"
tipobj.style.left="-1000px"
tipobj.style.backgroundColor=''
tipobj.style.width=''
}
}

document.onmousemove=positiontip

</script>
  The rest of you sight goes here</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="domain name" class="style1" onMouseover="ddrivetip('Type in you text here <br> If you want a new line remember to in put<br> --< br >-- will out the --','white', 300)"
onMouseout="hideddrivetip()";>Displayed Link Name</a></p>
<p>&nbsp;</p>
<p>The rest of you sight goes here</p>
</body>
</html>

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Dear webforums	MetallicWarfare	Job Opportunities	3	Jan 30th, 2008 10:41
oh dear dear dear	cherington	Starting Out	2	Jul 31st, 2007 17:56
Dear Graphics Experts...	JacobHaug	Graphics and 3D	75	Nov 28th, 2006 20:14
Dear Frenz	Cybersmith	Introduce Yourself	3	Aug 22nd, 2006 20:13

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Dear oh dear help lol