Copy link to clipboard
Copied
Hello
I created a Nav bar in fireworks Cs4 and inserted it into Dreamweaver Cs4 via Insert>Image Objects>Fireworks Html, but the Nav bar does not appear properly on the page after changing the page name to index.html. Im using Dreamweaver as a wysiwyg editor. I read very little code. I would be grateful for any help. Thanks
Here is the 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">
td img {display: block;}td img {display: block;}td img {display: block;}
</style>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d
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_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onload="MM_preloadImages('The MF Nav bar_r1_c1_f2.gif','The MF Nav bar_r1_c2_f2.gif','The MF Nav bar_r1_c3_f2.gif')">
<table width="1191" border="0" cellpadding="4">
<tr>
<td> </td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="1191">
<!-- fwtable fwsrc="The MF Nav bar.png" fwpage="Page 1" fwbase="The MF Nav bar.gif" fwstyle="Dreamweaver" fwdocid = "2036981822" fwnested="0" -->
<tr>
<td><img src="Images/spacer.gif" width="398" height="1" border="0" alt="" /></td>
<td><img src="Images/spacer.gif" width="354" height="1" border="0" alt="" /></td>
<td><img src="Images/spacer.gif" width="439" height="1" border="0" alt="" /></td>
<td><img src="Images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>
<tr>
<td><a href="javascript:;" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('TheMFNavbar_r1_c1','','The MF Nav bar_r1_c1_f2.gif',1)"><img name="TheMFNavbar_r1_c1" src="index.html" width="398" height="40" border="0" id="TheMFNavbar_r1_c1" alt="" /></a></td>
<td><a href="javascript:;" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('TheMFNavbar_r1_c2','','The MF Nav bar_r1_c2_f2.gif',1)"><img name="TheMFNavbar_r1_c2" src="The%20MF%20Nav%20bar_r1_c2.gif" width="354" height="40" border="0" id="TheMFNavbar_r1_c2" alt="" /></a></td>
<td><a href="javascript:;" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('TheMFNavbar_r1_c3','','The MF Nav bar_r1_c3_f2.gif',1)"><img name="TheMFNavbar_r1_c3" src="The%20MF%20Nav%20bar_r1_c3.gif" width="439" height="40" border="0" id="TheMFNavbar_r1_c3" alt="" /></a></td>
<td><img src="Images/spacer.gif" width="1" height="40" border="0" alt="" /></td>
</tr>
</table>
</body>
</html>
Initially, I purposely circumvented the question, I did not want to discourage you.
About 10 years ago, my code would have looked similar to yours. A lot of water has passed under the bridge since then, making that code, not only out of date, but non functional in the sense that screen readers and search engine robots will not be able to read the code.
Copy link to clipboard
Copied
Have you got a URL for the newly named index page where the navbar does not appear?
Copy link to clipboard
Copied
I havent published it to the internet just yet if thats what you mean. This is what it looks like.
Copy link to clipboard
Copied
boey1234 wrote:
I havent published it to the internet just yet if thats what you mean.
Yes, that's what I meant.
Can't tell much from a screenshot other than you've got broken links.
Copy link to clipboard
Copied
Initially, I purposely circumvented the question, I did not want to discourage you.
About 10 years ago, my code would have looked similar to yours. A lot of water has passed under the bridge since then, making that code, not only out of date, but non functional in the sense that screen readers and search engine robots will not be able to read the code.
Having said that, have a look at https://forums.adobe.com/message/9260597?et=watches.email.thread#9260597 to get an idea of a modern approach to web design.
Copy link to clipboard
Copied
No worries. Thanks for your feedback. I was kinda expecting it .