Fireworks buttons into Dreamweaver

Hello,
I have made some simple buttons in Fireworks that I would like to export and place in Dreamweaver. The buttons are symbols with an up and over state, but additionally I have added pop-up menus to each button. I know how to export and place buttons into Dreamweaver without the pop-up menus... just insert them as rollover images. But after adding the pop-up menus and exporting the button as images, html, and slices I don't know what to do to get them to work in Dreamweaver. Just inserting the html doesn't work... the buttons just appear as a stagnant image. There appears to be some JavaScript that was generated when I made the buttons... do I have to do something with that?
If anyone can think of a way to get my buttons to work interactively in Dreamweaver I would really appreciate it! Thank you so much!

Here's the reason why Alec suggested (and I totally agree) that the FWs built dropdown menus shouldn't be used.
http://www.losingfight.com/blog/2006/08/11/the-sordid-tale-of-mm_menufw_menujs/
http://apptools.com/rants/jsmenu.php
http://apptools.com/rants/menus.php
There is a new alternative which are the Spry Menus, but even those aren't something that I'd choose for a navbar for a site of mine.
Here's a tutorial that helps you build a complete CSS driven dropdown menu - user friendly, easily to build and definitely SEO friendly.
http://htmldog.com/articles/suckerfish/dropdowns/
Nadia
Adobe® Community Expert : Dreamweaver
http://twitter.com/nadiap
Unique CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
http://csstemplates.com.au/

Similar Messages

Inserting fireworks html into dreamweaver css

I have been using Fireworks CS4 to design layouts and export CSS into Dreamweaver CS4, which works just fine.
I want to import a Fireworks HTML pop-up menu in my CSS based Dreamweaver page. I have used Fireworks Export HTML and Dreamweaver's insert Fireworks HTML in the past but the pop-up behaviours are lost when I import it into a template that is CSS based. I figure I'm missing something simple, as usual.
Can the two be mixed? Do I need to edit the code view and insert a DIV manually or something? Can I just link to it with css somehow?
Getting rather frustrated now!

I had a lengthy reply written for this but lost it when I was logged out - seems the forum has a bit of a problem at the moment (at least for me !).
I'm not up to re-writing it all again, but in essence, I agree totally with Nancy, do not use html generated by Fireworks or any graphics program for that matter. If you were to ask the same question over at the FWs forum, you would be told the same thing, exporting HTML and CSS is ok for protypes, but not for live production sites.
TAKING FIREWORKS COMP TO DREAMWEAVER:
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt1.html
The rule of thumb is to design the layout in FWs but build the site in Dreamweaver. The Spry menus are much better than the old popup menus, but the customisation of them does depend on your knowledge of CSS.
Customizing a Spry Menu:
http://foundationphp.com/tutorials/sprymenu/customize1.php
There are many websites that show how to use CSS to create nicely styled menus, including Dropdowns and I'm sure with a lot less code bloat :-)
Basic css menus: horizontal / vertical:
http://css.maxdesign.com.au/listamatic/index.htm
CSS Dropdown menus by Suckerfish:
http://www.htmldog.com/articles/suckerfish/dropdowns/

How to insert HTML5 rollover buttons into Dreamweaver

i publish an HTML5 canvas out of Flash contaning a rollover button and now I want to insert it into my site in Dreamweaver, how do i do it?

Hi Ercolubus,
Are you looking for something like this?
http://forums.adobe.com/thread/1295208
Thanks,
Preran

Fireworks CS5 buttons don't export into Dreamweaver S5 correctly

I'm very new to fireworks, I've created a design layout in Fireworks CS5 which I've sliced up but when I export the design to Dreamweaver CS5 HTML, the buttons which I've created in Fireworks lose their functionality apart form seeing them as a link,. On the Dreamweaver side I insert Fireworks HTML into a div tag. Its probaly something very simple (hopefully) that I'm missing, any help?

Any pointers?? Please advise. Thanks.
Yes. Don't allow Fireworks or any graphics editor to create HTML for you. Use Graphics apps for Images ONLY. Save images to your DW Local Site folder. Use DW to build your HTML code, rollovers and menus.
Insert > Spry > Spry Menu.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Problem with exporting Fireworks mock-up into Dreamweaver

Hallo everyone,
I’m beginner in Fireworks and Dreamweaver. Right now I am working on a mock-up of a web-site in Fireworks. Just for practice, I created very simple structure in Fireworks CS5 (two rectangles with one line of text in 3 different languages placed into one rectangle). When I exported created page into Dreamweaver CS5 as Html and Images, it looked nice (obviously, since it is Html and Images). Then I tried to export the page as CSS and Images. The strange thing is that the page looks fine when displayed in Firefox, but the text breaks into two lines when displayed in Explorer or Opera. Moreover, the design of the page in Dreamweaver doesn’t replicate the Fireworks’ mock-up and looks not as nice as in Fireworks. For you reference I am including the Html and CSS code that was created by Fireworks. Does anybody have an idea what is happening and what should I do to prevent this kind of problems when trying exporting more complicated Fireworks mock-ups?
Sincerely yours,
Arti
This is the code created by Fireworks CS5:
Html:
<!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>index_ALA_20110129</title>
               <link rel="stylesheet" type="text/css" href="./index_ALA_20110129.css" media="all" />
               
</head>
<body>
<div id="main">
               <div id="hor_line">
               </div>
               <div class="clearFloat"></div>
               <div class="welcome">
                                             <p class="lastNode">いらしゃいませ
                              </p>
               </div>
               <div class="clearFloat"></div>
               <div id="blue_box">
               </div>
               <div id="green_box">
                              <div class="pass_***">
                                                            <p class="lastNode">パスワードを入れてください
                                             </p>
                              </div>
                              <div class="clearFloat"></div>
                              <div class="pass_eng">
                                                            <p class="lastNode">please enter password
                                             </p>
                              </div>
                              <div class="clearFloat"></div>
                              <div class="pass_rus">
                                                            <p class="lastNode">введите ваш пароль пожалуйста
                                             </p>
                              </div>
                              <div class="clearFloat"></div>
               </div>
               <div id="Div">
               </div>
</div>
</body>
</html>
And this is CSS:
@charset "utf-8";
body {
               background-color: #fff;
               font-size: 62.5%;
               margin: 0;
               padding: 0;
body * {
               font-size: 100%;
h1, h2, h3, h4, h5, h6 {
               font-weight: normal;
p {
               margin-bottom: 1.1em;
               margin-top: 0;
#main p.lastNode {
               margin-bottom: 0;
a:link img, a:visited img {
               border: none;
div.clearFloat {
               clear: both;
               font-size: 0;
               height: 0;
               line-height: 0px;
li.clearFloat {
               clear: both;
ul.symbolList {
               display: inline;
               float: left;
               list-style-type: none;
               margin: 0;
               padding: 0;
.AbsWrap {
               position: relative;
               width: 100%;
.rowWrap {
               width: 100%;
#main {
               margin: 0 auto 0 0;
               width: 1000px;
#hor_line {
               margin-left: 45px;
               margin-top: 80px;
               display: inline;
               float: left;
               margin-bottom: 0;
               border: 11px solid #ccc;
               width: 887px;
               padding-top: 1px;
               height: 1px;
               height: 2px;
               overflow: hidden;
.welcome {
               font-family: 'ＭＳＰゴシック', Arial, Helvetica, sans-serif;
               font-size: 400%;
               font-weight: bold;
               text-align: left;
               text-decoration: underline;
               color: #900;
               line-height: 120%;
               padding-bottom: 2px;
               padding-top: 1px;
               margin-left: 50px;
               margin-top: 58px;
               display: inline;
               float: left;
               margin-bottom: 0;
#blue_box {
               margin-left: 44px;
               margin-top: 16px;
               display: inline;
               float: left;
               margin-bottom: 0;
               background-color: #03c;
               width: 417px;
               padding-top: 0px;
               height: 290px;
html > body #blue_box {
               height: auto;
               min-height: 291px;
#green_box {
               margin-left: 57px;
               margin-top: 16px;
               display: inline;
               float: left;
               margin-bottom: 0;
               background-color: #9f9;
               width: 406px;
               padding-top: 0px;
               height: 290px;
html > body #green_box {
               height: auto;
               min-height: 291px;
.pass_*** {
               font-family: 'メイリオ', Arial, Helvetica, sans-serif;
               font-size: 230%;
               font-weight: bold;
               text-align: left;
               color: #006;
               line-height: 120%;
               padding-bottom: 2px;
               padding-top: 1px;
               margin-left: 31px;
               margin-top: 42px;
               display: inline;
               float: left;
               margin-bottom: 0;
.pass_eng {
               font-family: Arial, Helvetica, sans-serif;
               font-size: 220%;
               font-weight: bold;
               text-align: left;
               color: #39576b;
               line-height: 120%;
               padding-bottom: 2px;
               padding-top: 1px;
               margin-left: 31px;
               margin-top: 45px;
               display: inline;
               float: left;
               margin-bottom: 0;
.pass_rus {
               font-family: Arial, Helvetica, sans-serif;
               font-size: 180%;
               font-weight: bold;
               text-align: left;
               color: #006;
               line-height: 120%;
               padding-bottom: 2px;
               padding-top: 1px;
               margin-left: 31px;
               margin-top: 62px;
               display: inline;
               float: left;
               margin-bottom: 0;
#Div {
               margin-right: -95px;
               margin-top: 108px;
               display: inline;
               float: right;
               margin-bottom: 0;
               border-left: 1px solid #ccc;
               height: 1px;
               width: 1px;
               height: 1px;
               overflow: hidden;

Hi Jim_Babbage,
Thanks for your response. I am sending you the original PNG file.
Looking forward to your solution,
Arti

Best Strategy for Exporting Fireworks into Dreamweaver

I created a navigation bar in Fireworks and now I want to export it into Dreamweaver.
So I Went to Edit->Copy HTML Code (hotkey for this is Ctrl+Alt+C)
Now, what's the "best choice" from the dialog choices: AIR HTML, Dreamweaver HTML, Generic HTML, GoLive HTML, AIR XHTML, Dreamweaver XHTML, Generic XHTML or GoLive XHTML for a cross browser "professional" website?
I only tried the "Dreamweaver HTML Option" and itseemed to work nicely in my rookie opinion.
I think this technique might be at a performance cost to my graphic design or the website speed. So should I use a different strategy for exporting Fireworks to Dreamweaver? I have the CS5 package so can use any of those programs for support.
Thanks,

INHO, the best way to export from Fireworks to Dreamweaver is to first define your site in Dreamweaver, and then export the Fireworks document to the assets folder. Place your cursor when you want the navbar to be on your HTML page and choose Insert > Image Objects > Fireworks HTML.

Importing Fireworks CC html into Dreamweaver CC

Hi guys. Hope you can assist.
I have never encountered this problem before. I have always used Fireworks to "cut up" my flat designs from Photoshop, export it as html (nav bars, footers, etc) and then I simply import it into a Dreamweaver html page in which I have created a table.
Now I suddenly have an issue where the Fireworks html table is broken once I import it into Dreamweaver - viewed by itself it's perfect - even in Dreamweaver its perfect. It also adds a space underneath the FW html/table.
Only when I view it in a browser does it appear messed up.
What is causing this?
Thanks in advance.

That looks like it could be the browser default text descender padding from the html5 doctype, and/or the IE linked image border.
Add the following to your css...
img {
display:block;
a img {
border:none;

Inserting Fireworks HTML into a Dreamweaver template

I've created a dreamweaver cs3 template for my website. I've
also created a menu in fireworks which has popup menu's. If I
create a new page (not from a template) and insert the fireworks
html, everything works fine when I try to preview it.
However, if I insert the fireworks html into a page created
from a template, or even the original template file, the image of
the menu is inserted and can be viewed, but the popup menu's do not
appear. Any thoughts or suggestions?

Which version of FW? If FWMX 2004 or earlier, you would need
to read this
carefully -
http://www.losingfight.com/blog/2006/08/11/the-sordid-tale-of-mm_menufw_menujs/
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"hraklis_1" <[email protected]> wrote in
message
news:g4p0l0$lak$[email protected]..
> I've created a dreamweaver cs3 template for my website.
I've also created
> a
> menu in fireworks which has popup menu's. If I create a
new page (not from
> a
> template) and insert the fireworks html, everything
works fine when I try
> to
> preview it.
>
> However, if I insert the fireworks html into a page
created from a
> template,
> or even the original template file, the image of the
menu is inserted and
> can
> be viewed, but the popup menu's do not appear. Any
thoughts or
> suggestions?
>

Gah - Fireworks into Dreamweaver help

Ive done it before. What i have is a map of queensland
(australia), and on particular sections there are drop down flashy
menus that show the names of cities. I have linked all the cities
and such to websites, now its a matter of uploading it to
dreamweaver. Everytime i export to dreamweaver, and then Import
Fireworks HTML on dreamweaver, the splices appear perfectly fine,
but the map of queensland doesnt appear at all. instead, i get
stupid little 'broken image' symbols.
I dont know what is so different to this from last week. last
week i did the same thing, except with an australia map, and it
worked perfectly fine.
What am i doing wrong?!
Help! lol

Ive done it before. What i have is a map of queensland
(australia), and on particular sections there are drop down flashy
menus that show the names of cities. I have linked all the cities
and such to websites, now its a matter of uploading it to
dreamweaver. Everytime i export to dreamweaver, and then Import
Fireworks HTML on dreamweaver, the splices appear perfectly fine,
but the map of queensland doesnt appear at all. instead, i get
stupid little 'broken image' symbols.
I dont know what is so different to this from last week. last
week i did the same thing, except with an australia map, and it
worked perfectly fine.
What am i doing wrong?!
Help! lol

Fireworks edit in Dreamweaver pouting and refusing to update.

Again, I'm new to Fireworks...let me know if I'm totally off
base here. Before I start, I'm using Fireworks CS3 and Dreamweaver
CS3 as part of Adobe Creative Suite 3 Web Premium. I use an iMac
running OS 10.5.2, Leopard.
I've just finished designing a new Fireworks navigation bar
for my company's website. The HTML exports and integrates into the
existing pages just fine (so far.) I'm in the process of testing
each page with the new Fireworks HTML to see if anything goes nuts
before I take it live.
Here's where I might be delusional. I insert the HTML into a
page, then use the "edit in Fireworks" option in DW to change the
default state of one button using the "show in 'down' state on
load" option (depending on which page is currently up.) I've
noticed that although I can use the "edit in Fireworks" option to
do other things (minor spacing issues for example) with marginal
success...FW is not reflecting the "down state" changes in DW at
all. I swear I've done this before and it's worked, though!
When I'm in the midst of making these changes and "preview"
in FW, everything works as it should. However, as soon as I hit
"done", no updates are reflected in the DW page...nor are they
saved in the original FW HTML when I go back and check.
If I'm completely wrong, what would be the best way to
reflect a "down state on load" button for each page of the website?
Do I need to make the changes, re-save the files, and re-export
them?
If it helps, the test index page is:
http://www.thdelectronics.com/index_testbar.html
It shows "home" in the down state. But when I load the HTML
on the products pages and try to change the down state button to
"products"...it doesn't work.
Thanks,
~G~

Hello
I just worked through this exact same issue today so I'm glad
to help. The easy answer is that when you are exporting the html to
Dreamweaver you need to check 'Multiple Nav Bar HTML Pages' in the
'Document Specific' tab (under the options button in my Fireworks
MX).
As far as I can tell, you end up with a nav bar for each of
your links and then have to import those each to your pages which
doesn't help when using templates. I'm hoping I can find a
different answer to that one.
Here is a link to the whitepaper...
http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_15435&sliceId=1

How Do I Import A Photoshop CS4 Template into Dreamweaver CS4

Ok. Here's the deal, my friend and I spent alot of time working in Photoshop to come up with a nice template. He's even done all the coding to animate the buttons for standard, hover over, and click and all that. It's really cool, the buttons slide back and "lock" into place dependent upon which page you're on. However, I want to take all of that information and plug it into my website without loosing the button functionality. Unfortunately, every time I try to put the photoshop web template into Dreamweaver, it always converts it into an image. So, how do I add my complete photoshop web template and all it's functionality into Dreamweaver?

I'm afraid Photoshop is a graphics program ill suited for generating good HTML and CSS code. Use Photoshop to create your images only. Use DW to build your HTML, CSS and menus.
Have a look at this tutorial:
Taking a Fireworks (or Photoshop) comp to a CSS based layout in DW
Part 1 --
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
Part 2 --
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt2.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

How to upload a custom button on Dreamweaver cs5?

Hello,
     I would like to add a custom "View Cart" button onto my website. I went onto a random website where I was able to create a custom image for my view cart button. The button I got was called button.php. I checked the document properties and collected some information on it. The type of file is: Adobe Fireworks PNG File (.png). It is said to open with: Adobe Fireworks CS5. I made a copy of this document and put it in Dreamweaver by opening a blank page and pasting the image in there. I saved the page and published it.
Then, I went onto paypal and put the link to this published page where it was asked for. I received a code that I pasted into dreamweaver in the section I wanted the "View Cart" button to appear. When I save and publish this page, the button never appears. Paypal's name is what appears and when you click on it, it goes to the cart.
So the problem appears to be with how I have uploaded and saved this image/button on Dreamweaver. Can anyone please tell me the proper way to upload it so that it appears on my website?
Thanks in advance.
Regards,
Laila

Thank you very much for all of your suggestions and help.
I have found myself in another problem. Initially, I inserted the paypal "View Cart" button and code in my header. However, since there is a logo present there, and the code was lengthy, the PayPal button appeared right below my header and right above my navigation menu. I deleted it because of the awkward location it ended up being placed in. However, for some reason, it did not completely go away. If you visit www.Ziyah.com, you can see the "button" (which really did not even appear to begin with) in its place it says "Paypal the safer easier way to pay online!"
I have made several attempts and checked the code so many times. However, I do not see that original code I pasted from PayPal anywhere inside of my Dreamweaver code, so I do not know how to delete that "button" or tag line and get rid of it. I do not know where it is hiding, but it has to be somewhere in my code. I fear having to delete and re-do the navigation menu just to get rid of that.
Is there any way I can get rid of it? Again, here is the Paypal View Cart Code that I originally pasted into Dreamwaver. Please take a look and see if you can see parts of this code somewhere in my page code, because I cannot find it and hence, have no way to get rid of it.
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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 qh40MeATrkM9LOZDBqckYvJzFU4x69IYYHN8ckA==-----END PKCS7-----
">
<input type="image" src="http://www.ziyah.com/shoppingbag.html" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
And the following is my code for the page.
<!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>Ziyah.com</title>

<link href="../twoColLiqLtHdr.css" rel="stylesheet" type="text/css" />


<style type="text/css">
.ziyahED {
    display: block;
    width: 150px;
    margin-right: auto;
    margin-left: auto;
h1 {
    font-size: 50%;
h2 {
    font-size: 50%;
h3 {
    font-size: 50%;
h4 {
    font-size: 50%;
h5 {
    font-size: 50%;
h6 {
    font-size: 50%;
.ed {
    display: block;
    width: 240px;
    margin-right: auto;
    margin-left: auto;
</style>
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="../SpryAssets/SpryMenuBarHorizontal_copy.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body,td,th {width: 1200px; /**width in px, % or ems**/
    color: #FFC;
    margin:0 auto; /**centers on screen**/
.BORDER {
    display: block;
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
.footermenu {
    text-align: center;
.footermenu {
    font-size: 36px;
.footermenu {
    font-size: 24px;
.footermenu {
    font-size: 18px;
    font-weight: 300;
    color: #FCF;
    word-spacing: 40px;
    text-indent: 40;
    font-family: "Monotype Corsiva";
.footermenu {
    word-spacing: 10px;
    font-weight: 400;
    color: #FCF;
.container .content .footermenu a {
    color: #FCF;
    text-align: center;
.footermenu a hover {
    color: #FCF;
.footermenu a .footermenu {
.footermenu a .footermenu {
    text-align: right;
.footermenu a .footermenu {
    text-align: right;
.left {
    text-align: left;
.menufontsize {
    font-size: 16px;
.fontsizemenu {
    font-size: 16px;
</style>
</head>
<body>
<div class="container">
<div class="header">
    <a href="../index.html"><img src="../images/A_Ziyah.jpg" alt="Ziyah Logo" width="115" height="115" align="top" /></a>
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a class="MenuBarItemSubmenu" href="../classiccollection.html">Classic Collection</a>
        <ul>
          <li><a href="../classiccollection.html">Classic Collection 1</a></li>
          <li><a href="../classiccollectionpg2.html">Classic Collection 2</a></li>
          <li><a href="../classiccollectionpg3.html">Classic Collection 3</a></li>
          <li><a href="../classiccollectionpg4.html">Classic Collection 4</a></li>
</ul>
      </li>
      <li><a href="../peaceblossom.html" class="MenuBarItemSubmenu">Peace Blossom</a>
        <ul>
          <li><a href="../peaceblossom.html">Peace Blossom 1</a></li>
          <li><a href="../peaceblossompg2.html">Peace Blossom 2</a></li>
          <li><a href="../peaceblossompg3.html">Peace Blossom 3</a></li>
</ul>
      </li>
      <li><a href="../colorsoflove.html" class="menufontsize"> <span class="MenuBarItemHover">Colors of Love</span></a></li>
      <li><a href="../fruitgarden.html" class="MenuBarItemSubmenu">Fruit Garden </a>
        <ul>
          <li><a href="../fruitgarden.html">Fruit Garden 1</a></li>
          <li><a href="../fruitgardenpg2.html">Fruit Garden 2</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu MenuBarItemSubmenu">An Elegant Gift</a>
        <ul>
          <li><a href="../topgifts.html">Top Gifts 1</a></li>
          <li><a href="../topgifts2.html">Top Gifts 2</a></li>
          <li><a href="../topgifts3.html">Top Gifts 3</a></li>
          <li><a href="../giftcard.html">Gift Card</a></li>
        </ul>
      </li>
    </ul>
<img src="../images/BORDER.gif" width="959" height="100" alt="Ziyah" /></div>
<div class="content">
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><span class="footermenu"><img src="../images/space_long.gif" width="110" height="19" alt="space" /></span></p>
    <p align="center"> </p>

    <p align="right" class="footermenu"><span class="footermenu"><img src="../images/#0.gif" width="20" height="25" /></span><a href="../index.html"><img src="../images/BORDER_bottom.gif" width="946" height="53" alt="Ziyah" /></a><a href="../index.html"><img src="../images/B_menu_1.gif" width="150" height="30" alt="Ziyah.com Home" /></a><a href="../aboutziyah.html"><img src="../images/B_menu_2.gif" alt="About Ziyah" width="140" height="30" /></a><a href="../customerservice.html"><img src="../images/B_menu_3.gif" width="145" height="30" alt="Customer Service" /></a><a href="../privacypolicy.html"><img src="../images/B_menu_4.gif" width="120" height="30" alt="Privacy Policy" /></a>
    <p align="right" class="footermenu">
      </p>
</div>
<div class="footer"></div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
Thanks in advance.
Regards,
Laila

Fireworks CS3 and Dreamweaver CS3 (Menu problems)

I am trying to develop buttons in fireworks, import them into Dreamweaver, but for some reason it it cause my menu at the top of the page to expand outward. Take a look here. http://www.gcfa.org/episcopal-revision.html Any help would be great. Thanks in advance.

I figured it out. It was really stupid and to tell you the truth I am not sure what happened. But I fixed it by taken out all of the menu and redoing it.Weird huh! Thanks anyway.

Flash buttons in dreamweaver 8

Hi,
i am having a problem with inserting flash button in
dreamweaver 8, when i insert the buttons it appears on the page as
a grey box with "F"(flash) and not displaying the proper text. The
user is a standard windows users and has not administrator
privilidges. but if an administrator loggs into the pc and does the
exact same process then the flash button work.
has anyone come across this problem ? does anyone know how to
resolve
cheers
david

You'll need to go back into Flash and build the links into the buttons before you create the swf's. Look in the Flash help docs regarding the getURL function as far as the code you'll need for linking. If you have problems, post in the Flash AS1 and AS2 forum.
Beyond that, don't be surprised if some feedback arises here regarding using Flash buttons.

How do I maintain responsive scaling on an edge animate animation when I insert it into dreamweaver?

How do I maintain responsive scaling on an edge animate animation when I insert it into dreamweaver? Please and thank you!

example.com is a generic http:// address to illustrate the difference between what you gave, file:/// and an actual URL address. There are no tutorials on that site. Sorry for the confusion.
#1 Have you procured your domain name and web hosting yet? You'll need to do that to publish your pages online.
#2 When you sign-up for web hosting, the company will send you FTP log-in credentials to your site's web server. You will enter this info into your DW Site Definition. Site > New Site > See screenshots below:
Under Servers: Root Directory is whatever your hosting company tells you to use. This varies by web host. Some commonly used ones are public_html, www or htdocs.
After your site definition is set-up, hit the TEST button to confirm it's working. If it's not connecting, go to More Options.
Go to the Files Panel (F8). Use the UP Arrow to PUT files to remote server.
Use the DOWN Arrow to GET files from server to your local site folder.
Post back when you have finished uploading your work to the remote server.
Nancy O

Fireworks buttons into Dreamweaver

Similar Messages

Maybe you are looking for