logo-dw

Go Back   Dreamweaver Club Forums > Graphic Design > Fireworks
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 02-13-2011, 08:33 PM   #1
matt22sound
 
Join Date: Feb 2011
Posts: 1
Default Fireworks HTML navbar into Dreamweaver

Hi there, I'm a student at university, and I have to create a website as my project.
It should be noted that I do not have a URL yet, as I am still in the design stage.
I have so far (using Divs) positioned and centred an image at the top of my page and the Navbar directly underneath it. Both are positioned perfectly.
My problem is that I have followed this tutorial http://www.youtube.com/user/360creat...34/21Cvw6IrZG4 to make a Navbar in Fireworks, and it works perfectly inside of it. I exported it, and opened it in the Firefox and safari and it still works.
Then I insert the Navbar into my dreamweaver site, into the div box. It only displays the UP state of the buttons. When I preview the website in the browser, the OVER and DOWN states do not work.

So my problem in a nutshell: How can I correct make the Over and Down stats of the buttons appear?

Many thanks,
Matt

Here is my code:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Home</title>
<style type="text/css">
body {
	background-color: #000;
}
.Logo {
	height: auto;
	width: auto;
	margin: auto;
}

body,td,th {
	color: #FFF;
}
#Logo {
	height: 224px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#navbar {
	height: 50px;
	width: 779px;
	margin-right: auto;
	margin-left: auto;
}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}
</style>
</head>

<body>
<div id="Logo"><img src="images/Header-inverted.jpg" width="800" height="224" alt="Logo" /></div>
<div id="navbar"><table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="779">
  <!-- fwtable fwsrc="Nav-Bar.png" fwpage="Page 1" fwbase="Nav-Bar-new.jpg" fwstyle="Dreamweaver" fwdocid = "6891277" fwnested="0" -->
  <tr>
    <td><img src="images/spacer.gif" alt="" name="undefined_2" width="130" height="1" border="0" /></td>
    <td><img src="images/spacer.gif" alt="" name="undefined_2" width="129" height="1" border="0" /></td>
    <td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="1" border="0" /></td>
    <td><img src="images/spacer.gif" alt="" name="undefined_2" width="129" height="1" border="0" /></td>
    <td><img src="images/spacer.gif" alt="" name="undefined_2" width="130" height="1" border="0" /></td>
    <td><img src="images/spacer.gif" alt="" name="undefined_2" width="130" height="1" border="0" /></td>
    <td><img src="images/spacer.gif" alt="" name="undefined_2" width="130" height="1" border="0" /></td>
    <td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="1" border="0" /></td>
  </tr>
  <tr>
    <td><a href="javascript:;" target="_self" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','NavBarnew_r1_c1_s1','images/Nav-Bar-new_r1_c1_over.jpg','images/Nav-Bar-new_r1_c1_down.jpg',1);" onclick="MM_nbGroup('down','navbar1','NavBarnew_r1_c1_s1','images/Nav-Bar-new_r1_c1_down.jpg',1);"><img name="Home" src="images/Nav-Bar-new_r1_c1_s1.jpg" width="130" height="50" border="0" id="Home" alt="Home" /></a></td>
    <td><a href="javascript:;" target="_self" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','NavBarnew_r1_c2_s1','images/Nav-Bar-new_r1_c2_over.jpg','images/Nav-Bar-new_r1_c2_down.jpg',1);" onclick="MM_nbGroup('down','navbar1','NavBarnew_r1_c2_s1','images/Nav-Bar-new_r1_c2_down.jpg',1);"><img name="Bio" src="images/Nav-Bar-new_r1_c2_s1.jpg" width="129" height="50" border="0" id="Bio" alt="Bio" /></a></td>
    <td colspan="2"><a href="javascript:;" target="_self" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','NavBarnew_r1_c3_s1','images/Nav-Bar-new_r1_c3_over.jpg','images/Nav-Bar-new_r1_c3_down.jpg',1);" onclick="MM_nbGroup('down','navbar1','NavBarnew_r1_c3_s1','images/Nav-Bar-new_r1_c3_down.jpg',1);"><img name="Music" src="images/Nav-Bar-new_r1_c3_s1.jpg" width="130" height="50" border="0" id="Music" alt="Music" /></a></td>
    <td><a href="javascript:;" target="_self" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','NavBarnew_r1_c5_s1','images/Nav-Bar-new_r1_c5_over.jpg','images/Nav-Bar-new_r1_c5_down.jpg',1);" onclick="MM_nbGroup('down','navbar1','NavBarnew_r1_c5_s1','images/Nav-Bar-new_r1_c5_down.jpg',1);"><img name="Photos" src="images/Nav-Bar-new_r1_c5_s1.jpg" width="130" height="50" border="0" id="Photos" alt="Photos" /></a></td>
    <td><a href="javascript:;" target="_self" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','NavBarnew_r1_c6_s1','images/Nav-Bar-new_r1_c6_over.jpg','images/Nav-Bar-new_r1_c6_down.jpg',1);" onclick="MM_nbGroup('down','navbar1','NavBarnew_r1_c6_s1','images/Nav-Bar-new_r1_c6_down.jpg',1);"><img name="Blogs" src="images/Nav-Bar-new_r1_c6_s1.jpg" width="130" height="50" border="0" id="Blogs" alt="Blogs" /></a></td>
    <td><a href="javascript:;" target="_self" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','NavBarnew_r1_c7_s1','images/Nav-Bar-new_r1_c7_over.jpg','images/Nav-Bar-new_r1_c7_down.jpg',1);" onclick="MM_nbGroup('down','navbar1','NavBarnew_r1_c7_s1','images/Nav-Bar-new_r1_c7_down.jpg',1);"><img name="Store" src="images/Nav-Bar-new_r1_c7_s1.jpg" width="130" height="50" border="0" id="Store" alt="Store" /></a></td>
    <td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="50" border="0" /></td>
  </tr>
</table>
</div>
</body>
</html>

Last edited by Corrosive; 02-14-2011 at 05:56 AM.. Reason: wrapped in code tags
matt22sound is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 01:31 PM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com