Member Avatar for visionsshift

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.

  • 2 Contributors
  • 2 Replies
  • 141 Views
  • 7 Hours Discussion Span
  • Latest Post Latest Post by almostbob
Member Avatar for visionsshift

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>
Member Avatar for almostbob

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

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.