time is of the essance, and i've been searching all day for a way to make a roll over button drop down menu.

i'm using a table (for now), as my hunt for decent roll over button codes kept coming up with software marketing sites, or complicated script.

i came across one site that lead me to believe attempting a drop down menu using the table code i'm currently utilizing for roll over "buttons" is a fools task.

but here's what i have right now. if anyone has any pointers one direction or another i would most appreciate it...

<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- begin script
function VersionNavigateur(Netscape, Explorer) {
  if ((navigator.appVersion.substring(0,3) >= Netscape && navigator.appName == 'Netscape') ||      
      (navigator.appVersion.substring(0,3) >= Explorer && navigator.appName.substring(0,9) == 'Microsoft'))
    return true;
else return false;
}
//  end script -->
</SCRIPT>
</HEAD>

that was the script i was told to put in the head for this...

<TR>

<table width="850" border="0" align="left" summary="">
      
<TD ALIGN="CENTER" STYLE="cursor:hand; border: 1px; border-style: solid; border-color: #7E3517; background-color:#FDD017" 
ONCLICK="window.location='http://visionsshift.angelfire.com/about.html'" 
ONMOUSEOVER="this.style.backgroundColor='#FFFC17'"
ONMOUSEOUT="this.style.backgroundColor='#FDD017'">
<A style="text-decoration:none; color:7E3517; font-weight:normal;" HREF="http://visionsshift.angelfire.com/about.html">About L.A.</a></TD>

</TR> </table>

my webhost (if not obvious) is angelfire (though i might be going elsewhere in time). i'm not sure if CSS is compatible with it, and i've never used CSS, only having heard of it recently (yes i live in a cave, and it doesn't always have net connection). ;) they do offer an html platform, and that's what i'm most familiar with.

thanks again!

p.s. : sorry if there's other threads along this manner, i intend to hunt for those now.

eh... that second code i posted was one containing elemants i was experimenting around with... here's the code i started with...

<TD ALIGN="CENTER" STYLE="cursor:hand; border: 1px; border-style: solid; border-color: #7E3517; background-color:#FDD017" 
ONCLICK="window.location='http://visionsshift.angelfire.com/laproducts.html'" 
ONMOUSEOVER="this.style.backgroundColor='#FFFC17'"
ONMOUSEOUT="this.style.backgroundColor='#FDD017'">
<A style="text-decoration:none; color:7E3517; font-weight:normal;" HREF="http://visionsshift.angelfire.com/laproducts.html">L.A. Products</a></TD>

the embedded styles in your html is effectively inline css,
you could use a css menu by embedding the style definitions in the head, instead of in a separate style sheet if external style sheets are not supported.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
<!--
td {border:1px; cursor:hand; border: 1px; border-style: solid; border-color: #7E3517; background-color:#FDD017;}
td:hover {background-color:#FFFC17;}
-->
</style>
</head>
<body>etc

css menus that use lists, are easier to implement than tables, there are thousands of examples on the web, and list structures lend themselves to submenus well

This article has been dead for over six months. Start a new discussion instead.