DevelopPHP.com 2010 Discussion Archive(not active)

 

Forum Index >> Design Topics and Software Forum

Exporting file from fireworks to dreamweaver probl
   THREAD CLOSED
Exporting file from fireworks to dreamweaver probl
by bren365 - Thu Jan 06, 2011 01:15:22 PM
Hello,

I am exporting a header from fireworks and intend to use it on my website which I am building on dreamweaver.  When I export it and open it I am able to see the file and it works fine.  My problem is when I try to include it on my main index page it will just take over the entire website so I can only see the header, not the content below it.  I am also having a problem with directories because it includes so many files when it exports, so I feel like I have to keep that menubar file in my main directery because everything in the htm file is relative links. Please help me include this file correctly!!

Thank you!

RE: Exporting file from fireworks to dreamweaver probl
by rmazook - Thu Jan 06, 2011 01:47:56 PM
When you inlcude a header image it's always best to include the width and height of the image.  As for directories, just put your image in a folder called images and link it like below.  This is an example for both my fixes:

<img src="images/whateverImg.jpg" height="whatever" width="whatever" border="0" />

RE: Exporting file from fireworks to dreamweaver probl
by bren365 - Thu Jan 06, 2011 03:48:44 PM
I understand that, but the file that I am exporting into a 'html and images' is hard to integrate into my site.  It includes alot of javascript and some html I have a hard time understanding.  I was wondering if there is any trick to entering this into my header.  

it is as if I was trying to put in the menu bar Adam made in his 2 part tutorials.

so...how can i bring that into my index.php document with it working. usually when I include the file normally into my index.php it only shows the header and my content and footers wont even show up.

Thanks.

RE: Exporting file from fireworks to dreamweaver probl
by rmazook - Thu Jan 06, 2011 04:14:41 PM
Do you have the site up somewhere live so I can look at it and your code?  Post the link in here if so please.

RE: Exporting file from fireworks to dreamweaver probl
by bren365 - Thu Jan 06, 2011 04:34:26 PM
Unfortunately I don't.  I have been learning very quickly and I am trying to get one up as soon as possible.
This is the code for the title menu.  I understand it may not help much but it is basically as much as I can put up.  I am trying to include this code (down)  into all of my website's pages.  Maybe I have to make a external javascript file and link it in? As I said whenever I get the header to appear it is the only thing appearing, the content and footer don't.  Thank you for your help my friend.



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>testbar_done.gif</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">td img {display: block;}</style>
<!--Fireworks CS5 Dreamweaver CS5 target.  Created Thu Jan 06 18:27:57 GMT-0500 (Eastern Standard Time) 2011-->
<script language="JavaScript1.2" type="text/javascript">
<!--
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[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].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[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

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[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

//-->
</script>
</head>
<body bgcolor="#ffffff" onload="MM_preloadImages('testbar_done_r2_c2_s2.gif','testbar_done_r2_c4_s2.gif','testbar_done_r2_c6_s2.gif','testbar_done_r2_c8_s2.gif');">
<table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="964">
<!-- fwtable fwsrc="testbar.png" fwpage="Page 1" fwbase="testbar_done.gif" fwstyle="Dreamweaver" fwdocid = "739598914" fwnested="0" -->
  <tr>
   <td><img src="spacer.gif" width="181" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="110" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="8" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="110" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="12" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="110" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="10" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="110" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="313" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
  </tr>

  <tr>
   <td colspan="9"><img name="testbar_done_r1_c1_s1" src="testbar_done_r1_c1_s1.gif" width="964" height="68" border="0" id="testbar_done_r1_c1_s1" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="68" border="0" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="2"><img name="testbar_done_r2_c1_s1" src="testbar_done_r2_c1_s1.gif" width="181" height="36" border="0" id="testbar_done_r2_c1_s1" alt="" /></td>
   <td><a href="#" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('testbar_done_r2_c2_s1','','testbar_done_r2_c2_s2.gif',1);"><img name="testbar_done_r2_c2_s1" src="testbar_done_r2_c2_s1.gif" width="110" height="25" border="0" id="testbar_done_r2_c2_s1" alt="About" /></a></td>
   <td rowspan="2"><img name="testbar_done_r2_c3_s1" src="testbar_done_r2_c3_s1.gif" width="8" height="36" border="0" id="testbar_done_r2_c3_s1" alt="" /></td>
   <td><a href="#" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('testbar_done_r2_c4_s1','','testbar_done_r2_c4_s2.gif',1);"><img name="testbar_done_r2_c4_s1" src="testbar_done_r2_c4_s1.gif" width="110" height="25" border="0" id="testbar_done_r2_c4_s1" alt="Products" /></a></td>
   <td rowspan="2"><img name="testbar_done_r2_c5_s1" src="testbar_done_r2_c5_s1.gif" width="12" height="36" border="0" id="testbar_done_r2_c5_s1" alt="" /></td>
   <td><a href="#" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('testbar_done_r2_c6_s1','','testbar_done_r2_c6_s2.gif',1);"><img name="testbar_done_r2_c6_s1" src="testbar_done_r2_c6_s1.gif" width="110" height="25" border="0" id="testbar_done_r2_c6_s1" alt="Events" /></a></td>
   <td rowspan="2"><img name="testbar_done_r2_c7_s1" src="testbar_done_r2_c7_s1.gif" width="10" height="36" border="0" id="testbar_done_r2_c7_s1" alt="" /></td>
   <td><a href="#" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('testbar_done_r2_c8_s1','','testbar_done_r2_c8_s2.gif',1);"><img name="testbar_done_r2_c8_s1" src="testbar_done_r2_c8_s1.gif" width="110" height="25" border="0" id="testbar_done_r2_c8_s1" alt="Solutions" /></a></td>
   <td rowspan="2"><img name="testbar_done_r2_c9_s1" src="testbar_done_r2_c9_s1.gif" width="313" height="36" border="0" id="testbar_done_r2_c9_s1" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="25" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img name="testbar_done_r3_c2_s1" src="testbar_done_r3_c2_s1.gif" width="110" height="11" border="0" id="testbar_done_r3_c2_s1" alt="" /></td>
   <td><img name="testbar_done_r3_c4_s1" src="testbar_done_r3_c4_s1.gif" width="110" height="11" border="0" id="testbar_done_r3_c4_s1" alt="" /></td>
   <td><img name="testbar_done_r3_c6_s1" src="testbar_done_r3_c6_s1.gif" width="110" height="11" border="0" id="testbar_done_r3_c6_s1" alt="" /></td>
   <td><img name="testbar_done_r3_c8_s1" src="testbar_done_r3_c8_s1.gif" width="110" height="11" border="0" id="testbar_done_r3_c8_s1" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="11" border="0" alt="" /></td>
  </tr>
</table>
</body>
</html>

RE: Exporting file from fireworks to dreamweaver probl
by rmazook - Fri Jan 07, 2011 01:37:46 PM
If you're already using a php file you can just do a php include.  Take all of this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>testbar_done.gif</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">td img {display: block;}</style>
<!--Fireworks CS5 Dreamweaver CS5 target.  Created Thu Jan 06 18:27:57 GMT-0500 (Eastern Standard Time) 2011-->
<script language="JavaScript1.2" type="text/javascript">
<!--
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[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].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[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

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[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

//-->
</script>
</head>

And put it in a separate php include file....in this example I called it whatever.php:

<?php include("whatever.php"); ?>
<body bgcolor="#ffffff" onload="MM_preloadImages('testbar_done_r2_c2_s2.gif','testbar_done_r2_c4_s2.gif','testbar_done_r2_c6_s2.gif','testbar_done_r2_c8_s2.gif');">
<table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="964">
<!-- fwtable fwsrc="testbar.png" fwpage="Page 1" fwbase="testbar_done.gif" fwstyle="Dreamweaver" fwdocid = "739598914" fwnested="0" -->
  <tr>
   <td><img src="spacer.gif" width="181" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="110" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="8" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="110" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="12" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="110" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="10" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="110" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="313" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
  </tr>

  <tr>
   <td colspan="9"><img name="testbar_done_r1_c1_s1" src="testbar_done_r1_c1_s1.gif" width="964" height="68" border="0" id="testbar_done_r1_c1_s1" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="68" border="0" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="2"><img name="testbar_done_r2_c1_s1" src="testbar_done_r2_c1_s1.gif" width="181" height="36" border="0" id="testbar_done_r2_c1_s1" alt="" /></td>
   <td><a href="#" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('testbar_done_r2_c2_s1','','testbar_done_r2_c2_s2.gif',1);"><img name="testbar_done_r2_c2_s1" src="testbar_done_r2_c2_s1.gif" width="110" height="25" border="0" id="testbar_done_r2_c2_s1" alt="About" /></a></td>
   <td rowspan="2"><img name="testbar_done_r2_c3_s1" src="testbar_done_r2_c3_s1.gif" width="8" height="36" border="0" id="testbar_done_r2_c3_s1" alt="" /></td>
   <td><a href="#" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('testbar_done_r2_c4_s1','','testbar_done_r2_c4_s2.gif',1);"><img name="testbar_done_r2_c4_s1" src="testbar_done_r2_c4_s1.gif" width="110" height="25" border="0" id="testbar_done_r2_c4_s1" alt="Products" /></a></td>
   <td rowspan="2"><img name="testbar_done_r2_c5_s1" src="testbar_done_r2_c5_s1.gif" width="12" height="36" border="0" id="testbar_done_r2_c5_s1" alt="" /></td>
   <td><a href="#" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('testbar_done_r2_c6_s1','','testbar_done_r2_c6_s2.gif',1);"><img name="testbar_done_r2_c6_s1" src="testbar_done_r2_c6_s1.gif" width="110" height="25" border="0" id="testbar_done_r2_c6_s1" alt="Events" /></a></td>
   <td rowspan="2"><img name="testbar_done_r2_c7_s1" src="testbar_done_r2_c7_s1.gif" width="10" height="36" border="0" id="testbar_done_r2_c7_s1" alt="" /></td>
   <td><a href="#" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('testbar_done_r2_c8_s1','','testbar_done_r2_c8_s2.gif',1);"><img name="testbar_done_r2_c8_s1" src="testbar_done_r2_c8_s1.gif" width="110" height="25" border="0" id="testbar_done_r2_c8_s1" alt="Solutions" /></a></td>
   <td rowspan="2"><img name="testbar_done_r2_c9_s1" src="testbar_done_r2_c9_s1.gif" width="313" height="36" border="0" id="testbar_done_r2_c9_s1" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="25" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img name="testbar_done_r3_c2_s1" src="testbar_done_r3_c2_s1.gif" width="110" height="11" border="0" id="testbar_done_r3_c2_s1" alt="" /></td>
   <td><img name="testbar_done_r3_c4_s1" src="testbar_done_r3_c4_s1.gif" width="110" height="11" border="0" id="testbar_done_r3_c4_s1" alt="" /></td>
   <td><img name="testbar_done_r3_c6_s1" src="testbar_done_r3_c6_s1.gif" width="110" height="11" border="0" id="testbar_done_r3_c6_s1" alt="" /></td>
   <td><img name="testbar_done_r3_c8_s1" src="testbar_done_r3_c8_s1.gif" width="110" height="11" border="0" id="testbar_done_r3_c8_s1" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="11" border="0" alt="" /></td>
  </tr>
</table>
</body>
</html>

RE: Exporting file from fireworks to dreamweaver probl
by bren365 - Fri Jan 07, 2011 03:23:08 PM
I love you!  It worked.  I was getting confused with what to include, as you have shown just include the head.  

One last thing, is there anyway to clean up all the html that is in my normal index file.  Can I somehow include that?  Or should I just put that code in and minimize it so it isn't cumbersome?

Thank youuu

RE: Exporting file from fireworks to dreamweaver probl
by rmazook - Fri Jan 07, 2011 06:03:59 PM
Well you can minimize it by using divs instead of tables.   But that takes a lot of css floating knowledge so it may be difficult if you don't know exactly what you're doing.  Tables work just fine so if it's not broken, don't fix it.  :)  Glad I was able to help.

   THREAD CLOSED  
©2009 DevelopPHP.com