Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations John Tel on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Navigation Bar rollover table 1

Status
Not open for further replies.
vickero007

vickero007

IS-IT--Management
Apr 1, 2003
308
US
I have never used Dreamweaver before but it was very easy to create an image rollover effect and I would like to do that for my links. I would like to have a table (2 rows and 5 columns) that have the menu headings. I want the menus to drop down with a table of links (one in each cell) and have the links change color when rolled over. Can this be down in Dreamweaver using the WYSIWYG part? How so? The links don't have to be pictures since just the text color is going to change unless there is no other way to do it.

-Volkoff007
 
Sort by date Sort by votes
Have a look at they have lots of menu effects.

Cheech

[Peace][Pipe]
The secret of life is honesty and fair dealing. If you can fake that, you've got it made.
Groucho Marx (1895-1977)
 
Upvote 0 Downvote
Does this mean Dreamweaver can't do it?

-Volkoff007
 
Upvote 0 Downvote
I would like to have a table (2 rows and 5 columns) that have the menu headings
-ok, then make a table with those properties and cells
I want the menus to drop down with a table of links (one in each cell) and have the links change color when rolled over.
- use the "show/hide" layer on the links and CSS for color changes of those links
CSS------------------------
a.menu:link{
color: Blue;
text-decoration: none;
}
a.menu:visited{
color: #FF4500;
text-decoration: none;
}
a.menu:hover{
background-color: #DEEDFC;
text-decoration: underline overline;
color: #FF7200;
}
-------------------------------
see it at


show hide layers:
------------------------
<!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;>
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot;>
<script language=&quot;JavaScript&quot; type=&quot;text/JavaScript&quot;>
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName==&quot;Netscape&quot;)&&(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(&quot;?&quot;))>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[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.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))!=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>
<table width=&quot;619&quot; height=&quot;153&quot; border=&quot;0&quot; align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;>
<tr>
<td height=&quot;25&quot; align=&quot;center&quot;><a href=&quot;#&quot; onClick=&quot;MM_showHideLayers('menu1','','show')&quot; onDblClick=&quot;MM_showHideLayers('menu1','','hide')&quot;>heading
link</a></td>
<td align=&quot;center&quot;>heading link</td>
<td align=&quot;center&quot;>heading link</td>
<td align=&quot;center&quot;>heading link</td>
<td align=&quot;center&quot;>heading link</td>
</tr>
<tr>
<td><div id=&quot;menu1&quot; style=&quot;position:absolute; width:100px; height:96px; z-index:1; top: 40px; left: 113px; visibility: hidden;&quot;>
<table width=&quot;99&quot; height=&quot;94&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;>
<tr>
<td align=&quot;center&quot;><a href=&quot;#&quot;>link</a></td>
</tr>
<tr>
<td align=&quot;center&quot;><a href=&quot;#&quot;>link</a></td>
</tr>
<tr>
<td align=&quot;center&quot;><a href=&quot;#&quot;>link</a></td>
</tr>
</table>
</div></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
<p>click ones to open menu double-click to close</p>
</body>
</html>
-------------------------------

now u can experiment

All the best!
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

theOftenator
  • Locked
  • Question
Spry Menu Bar Submenus: Position Shifting Upon Rollover
Replies
0
Views
183
theOftenator
theOftenator
goldtooth
  • Locked
  • Question
Adding a linked table to a page in Dreamweaver
Replies
0
Views
253
goldtooth
goldtooth
szeiss
  • Locked
  • Question
Grouping Table Problem
Replies
2
Views
178
cfSearching
cfSearching
MDEJAKE
  • Locked
  • Question
textarea (WYSIWYG text editor) - the html code generated won't save into my DB table.....
Replies
6
Views
299
LyndonOHRC
LyndonOHRC
jdavenport
  • Locked
  • Question
populate table from query results
Replies
4
Views
155
jdavenport
jdavenport

Part and Inventory Search

Sponsor

Back
Top