PDA

View Full Version : Fireworks HTML navbar into Dreamweaver


matt22sound
02-13-2011, 08:33 PM
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/360creations#p/u/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:

<!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>