Skip to main content
Participant
January 14, 2017
Answered

Nav bar not showing after changing page name

  • January 14, 2017
  • 1 reply
  • 350 views

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=new Image; d.MM_p[j++].src=a;}}

}

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)&&d.all) x=d.all; for (i=0;!x&&i<d.forms.length;i++) x=d.forms;

  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>

This topic has been closed for replies.
Correct answer BenPleysier

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.

  • Fireworks is not an HTML editor/creator and should not be used to produce your HTML.
  • Tables should only be used for tabular data
  • There is no need for JavaScript to be used for a menu system, nor should images be used unless there is underlying text.

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.

1 reply

John Waller
Community Expert
Community Expert
January 14, 2017

Have you got a URL for the newly named index page where the navbar does not appear?

boey1234Author
Participant
January 14, 2017

I havent published it to the internet just yet if thats what you mean. This is what it looks like.

BenPleysier
Community Expert
BenPleysierCommunity ExpertCorrect answer
Community Expert
January 15, 2017

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.

  • Fireworks is not an HTML editor/creator and should not be used to produce your HTML.
  • Tables should only be used for tabular data
  • There is no need for JavaScript to be used for a menu system, nor should images be used unless there is underlying text.

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.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!