Fireworks Splice & CSS

I'm getting myself up to date and learning how to layout
sites using CSS
position rather than tables, seems pretty straight forward.
However, the one
thing I have no yet get my head round is how to convert
fireworks splice to
CSS layout.
Some compositions require rather complex slices, and laying
it out using CSS
methods would seem rather difficult as opposed to nested
tables.
Anyone got any thoughts?

mark wrote:
> I'm getting myself up to date and learning how to layout
sites using CSS
> position rather than tables, seems pretty straight
forward. However, the one
> thing I have no yet get my head round is how to convert
fireworks splice to
> CSS layout.
>
> Some compositions require rather complex slices, and
laying it out using CSS
> methods would seem rather difficult as opposed to nested
tables.
>
> Anyone got any thoughts?
>
>
There are a few free ones out there but, for $3, how can you
go wrong.
http://tinyurl.com/hvfw8
SKB

Similar Messages

Dreamweaver and fireworks and css

hey guys im a complete noob when it comes to dreamweaver, i made my navigation menu in fireworks, exported it as htm file to the same dir as index.html
opened up dreamweaver index webpage, imported the .htm file using insert>image>objects>Fireworks html....
when it imports it i can see the picture of my navigation menu but when i preview it, no rollover effect, simple picture thats it.
i opened the htm file just using a browser works fine, open in dreamweaver works fine. import not fine ><.? i am using a CSS layout in my index.html...... any help guys?

<!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>
<link href="styles/check_cs5.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
background-color: #000;
</style>
</head>
<body bgcolor="#000000">
<div id="container">
<div id="banner">banner goes here</div>
<div id="main_image">
<p><img src="keyboard2.gif" width="968" height="366" align="top" /></p>
</div>
<div id="left_column">
    <p> </p>
    <p> </p>
    <p>
      
      
      
      
    </p>
    <table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="600">
      
      <tr>
        
        <td><img src="spacer.gif" alt="" name="undefined_2" width="68" height="1" border="0" id="undefined_2" /></td>
        <td><img src="spacer.gif" alt="" name="undefined_2" width="108" height="1" border="0" id="undefined_2" /></td>
        <td><img src="spacer.gif" alt="" name="undefined_2" width="112" height="1" border="0" id="undefined_2" /></td>
        <td><img src="spacer.gif" alt="" name="undefined_2" width="105" height="1" border="0" id="undefined_2" /></td>
        <td><img src="spacer.gif" alt="" name="undefined_2" width="98" height="1" border="0" id="undefined_2" /></td>
        <td><img src="spacer.gif" alt="" name="undefined_2" width="109" height="1" border="0" id="undefined_2" /></td>
        <td><img src="spacer.gif" alt="" name="undefined_2" width="1" height="1" border="0" id="undefined_2" /></td>
      </tr>
      <tr>
        
        <td colspan="6"><img src="page%201_r1_c1_s1.gif" alt="" name="page1_r1_c1_s1" width="600" height="2" border="0" id="page1_r1_c1_s1" /></td>
        <td><img src="spacer.gif" alt="" name="undefined_2" width="1" height="2" border="0" id="undefined_2" /></td>
      </tr>
      <tr>
        
        <td rowspan="2"><img src="page%201_r2_c1_s1.gif" alt="" name="page1_r2_c1_s1" width="68" height="53" border="0" id="page1_r2_c1_s1" /></td>
        <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','page1_r2_c2_s1','page%201_r2_c2_s2.gif','page%201_r2_c2_s 3.gif',1);" onclick="MM_nbGroup('down','navbar1','page1_r2_c2_s1','page%201_r2_c2_s3.gif',1);"><img src="page%201_r2_c2_s1.gif" alt="" name="page1_r2_c2_s1" width="108" height="50" border="0" id="page1_r2_c2_s1" /></a></td>
        <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','page1_r2_c3_s1','page%201_r2_c3_s2.gif','page%201_r2_c3_s 3.gif',1);" onclick="MM_nbGroup('down','navbar1','page1_r2_c3_s1','page%201_r2_c3_s3.gif',1);"><img src="page%201_r2_c3_s1.gif" alt="" name="page1_r2_c3_s1" width="112" height="50" border="0" id="page1_r2_c3_s1" /></a></td>
        <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','page1_r2_c4_s1','page%201_r2_c4_s2.gif','page%201_r2_c4_s 3.gif',1);" onclick="MM_nbGroup('down','navbar1','page1_r2_c4_s1','page%201_r2_c4_s3.gif',1);"><img src="page%201_r2_c4_s1.gif" alt="" name="page1_r2_c4_s1" width="105" height="50" border="0" id="page1_r2_c4_s1" /></a></td>
        <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','page1_r2_c5_s1','page%201_r2_c5_s2.gif','page%201_r2_c5_s 3.gif',1);" onclick="MM_nbGroup('down','navbar1','page1_r2_c5_s1','page%201_r2_c5_s3.gif',1);"><img src="page%201_r2_c5_s1.gif" alt="" name="page1_r2_c5_s1" width="98" height="50" border="0" id="page1_r2_c5_s1" /></a></td>
        <td rowspan="2"><img src="page%201_r2_c6_s1.gif" alt="" name="page1_r2_c6_s1" width="109" height="53" border="0" id="page1_r2_c6_s1" /></td>
        <td><img src="spacer.gif" alt="" name="undefined_2" width="1" height="50" border="0" id="undefined_2" /></td>
      </tr>
      <tr>
        
        <td colspan="4"><img src="page%201_r3_c2_s1.gif" alt="" name="page1_r3_c2_s1" width="423" height="3" border="0" id="page1_r3_c2_s1" /></td>
        <td><img src="spacer.gif" alt="" name="undefined_2" width="1" height="3" border="0" id="undefined_2" /></td>
      </tr>
      
      
    </table>
    
<p> </p>
</div>
   <div id="right_column"> gallery </div>
</div>
</body>
</html>

Fireworks 8 CSS Popup Menus

Hi,
in previous versions of Fireworks I was able to create
multiple popup menus and insert the menus into various table
positions across a web page.
In the latest version of Fireworks (8) I have tried to do the
same using the CSS popup up menus but when previewing the page one
or both of the menus fail to work properly. In some cases the popup
menus appear onmouseover in the wrong place or other times the
menus simply don't function at all.
If I create a single CSS popup menu and insert into a page
there is not a conflict and it is viewable in various browsers.
Is there an adjustment that I can make to the code or the way
that I export to Dreamweaver 8 so that multiple popup menus (in
different tables) can function on the same page?
Thanks,
Boris

Check the uberlink and McFly tutorials at PVII
http://www.projectseven.com/)
and the Navbar tutorial at Thierry's place (
http://www.tjkdesign.com)
Either of these are miles better than any DW/FW pop-up
menu....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"borisbsp" <[email protected]> wrote in
message
news:e5pg36$nfb$[email protected]..
>I would prefer a workaround to this problem (Since the
money is spent on
>the
> software). However I will entertain other solutions as
long as they can
> provide me with the same design out come.
>
> The verticle popup menus need to be triggered by gif or
jpeg images like
> this:
>
> <a target=_blank class=ftalternatingbarlinklarge
> href="
http://www.eiptuning.com/eip/images/forum/navigation_01.jpg">Screen
> Shot
> Example</a>
>
> If you have some solutions that fit this criteria, and
it doesn't mean
> that I
> have to reinvent the wheel, I would be interested.
>
> Thanks,
> Boris
>

Relationship of Fireworks and CSS?

In using Fireworks to design web pages for a site can the common elements for text and layout be converted to a CSS external sheet in Fireworks?

Fireworks is a Web graphics - layout/design - prototyping application. It is not a code authoring application. (Dreamweaver, on the other hand, is a very good code authoring application.)
So, yes, you can export CSS from Fireworks, but it's very ugly and you will probably have to put in more time and effort figuring out which style is which, renaming styles reasonably, and sorting into an external sheet than you'd put in if you just wrote the external sheet from scratch in an application that is better suited to the task.

Fireworks cs5 & CSS export

hi, I recently watched the video with the new features of Fireworks CS6 and I liked that CSS code extraction that has (http://forums.adobe.com/community/fireworks/post!input.jspa?containerType=14&container=223 1). I'm currently having the CS5.5 (Fireworks CS5) collection on my computer, so I wonder whether its possible to add somehow this feature in this version I'm having too as an update or exchange.

Sadly, the functionality of the CSS3 Mobile Pack was recently disabled for CS5 users—so even if you'd been able to download it, it would no longer be working. (True, it was an Adobe Labs feature, but it was also being used to promote Fireworks CS5, which makes their decision to disable it a questionable move, in my opinion.)
http://forums.adobe.com/thread/1019365?tstart=0
http://forums.adobe.com/thread/1018585?tstart=0
http://forums.adobe.com/thread/1016096?tstart=0
You might try placing your request on the Adobe Fireworks Facebook page.
http://www.facebook.com/AdobeFireworks

Is it possible to design a website completely in Fireworks?

Just wondering if this is possible I used to be a engineering designer (& learned dozens of progams while in the field) & I'm trying to help my buddy with his new business building a website. I have no desire or need to learn code. Fireworks seems easy & I was wondering if it was possible to design a complete website in it?
I'm almost done with his site I exported it as html & images in Fw's CS5 the only problem I'm having is the layout is fixed. I clicked on the center button under the export options but it doesn't do anything?
I would also like the parts (header, nav buttons, images, & text boxes) to change as a proportion of the browser/screen size (I believe this is called flexible) but remain overall centered on all the pages.
Thanks for helping out the newbie, please let me know how I can return the favor it would be my pleasure.
-Brandon

I am re-designing our company's Website using (in order) PhotoShop CS5, Flash (with f4v fullscreen capable video), Fireworks and Dreamweaver CS5. I have always admired the appearance of websites created by graphic artists as opposed to non-artistic "code heads". It is of course important that the site does not contain code errors or an oddball configuration that will cause it to fall apart when viewed in browsers like, Wheezer Von Hacktule's Web Shredder etc. I'm a video editor, and can't be bothered with the quantum properties of a pixel and edit from the pixel on up as some of the code heads do. And their sites look like it. Look at some of the sites regulars in the Dreamweaver forum have put together... sorry to be a critic.
Trust me, unless you are designing Websites for a bank or some top secret government project, the visual design method IS the most quick and straight forward. Yes CSS.
Without going into a lot of detail:
You start your design with PhotoShop, carefully name your layers (lowercase and use underscores) and put them in order. Make sure to include "white space" between your graphic elements. When you are happy with the appearance, open the PSD with Fireworks. Using the shape tool in Fireworks, create your divs. Give them names like top_head and side_buttons etc. and keep the shape "divs" on the lower layers in Fireworks just above your background. Run the shapes to the outside edge of your design BUT allow space of about 5 pixels between the divs, keeping them separate. Use the slice tool to tell Fireworks what your exported images are going to be. Be sure to name them in the Fireworks layer pallette. Be careful that nothing overlaps the div shape container and that no slice overlaps on to another. You can better see this by zooming way in on your design. BTW Fireworks optimizes images for the Web, much better than PhotoShop. Optimize each image according to its type, photographic, use jpeg, clip art-like images use gif.
Don't "slice" text areas you want to remain HTML text as opposed to an image of text. Fireworks will automatically create that area as text upon export.
Export from Fireworks as CSS and images.
Open your html page in Dreamweaver. Some things will be out of alignment. That is where knowledge of CSS comes in. Do your refinements in Dreamweaver. You may need to go back to Fireworks and make some changes, then re-export.
OK, so I created a rather complex design and I saved it as a template. I uploaded the design to our server and checked it in Adobe Browserlab as well as the W3C Markup Validation page. No alignment errors across many browsers and zero code errors at the W3C Markup Validation page.

Fireworks CS4 betaを使ってみた

Fireworks CS4 betaを使ってみた。一言でいうと、私が改善して欲しかった部分は何も変わっていない。表面のみペンキを塗り替えたと言う印象である。アップグレードを見送ろうかと言う気もしてくる。環境はIntel iMac, OSX 10.5.4
私はFireworks CS3を持っているが、殆ど使っていないので、指摘には間違いがあるかも知れない点はお許し下さい。またFireworks CS4は深く使い込んだ結果の意見でも無い点もご了承下さい。
私は今までウェブ制作はCSS対応のサイトを主にレイヤーを使って実現してきたが、最近はどうしても必要な部分のみに位置指定機能を使用するようになった。しかし画像書き出しにはレイヤー単位で書き出す方法が色々な点で理にかなっていると思っている。
しかし私の方法でFireworks CS4を使おうとすると、レイヤー機能が使いづらい事に気づく。まず、イラストレーターのように、コンテンツを複数のレイヤーに一発で分配する機能を付けるべきである。また、ショーカットコマンドでひとつのレイヤー以外のレイヤーの選択の機能も是非とも必要である。
もう一つ例を挙げると、ある図形のアウトラインの設定を変えたいと思う時、前の設定にすぐに戻れず、「基本」メニューの中の入れ子のメニューを探して、設定し直すなどと言う事になり、面倒である。問題にしているのは、こういった部分の基本的なインターフェースの使いにくさである。なにも見た目の事を言っているのではない。
もう一つ、最も重要な事は、未だに各アドビ社製のソフト間での、互換性が取れていない事である。今回ようやくイラストレーターのファイルを開く事ができた。しかし、位置がズレたり、一部の文字はアウトライン化されていたり、マスクなどが不本意に変換されていたりと満足の行くものではない。イラストレーター画像のペーストもうまく行かない。恐らく本バージョンでもあまり期待できないであろう。
何を隠そう私は20年来のアドビ社製ソフトのユーザーであり、ファンである。しかし、今回のマクロメディア社吸収後の対応で、そのファンの部分が揺らいでいる。
最初のソフトである、イラストレーターが登場するまで、円形を書く場合でも、わざわざスクリプトを書く必要があった。しかしイラストレーターの登場で革命が起こった。そのインターフェースの理念に驚き、また深く賛同した経験がある。今でもイラストレーターのインターフェースは一般向けソフトウェアの理想であると思う。しかしウェブの状況はその前の段階である気もする。
未だにマクロメディア社を意識せざるを得ない状況が不本意ではあるが、ウェブ部門は未だに別会社と言った方が正しい。明らかな旧アドビ社ユーザーの軽視である。
マクロメディア社をアドビ社が合併吸収した事は、ユーザーにとってメリットがあったかと言えば、私にとっては殆ど無かったと言って良い。メリットと言えば、各ソフト間の互換性が取れる事、ソフトが安く買える事等が考えられるが、どの程度実現しているだろうか。別々に購入して使っている状況と殆ど変わっていない。
各ソフト間の完全な互換性こそ、必死で目指すべきなのだ。イラストレーターは印刷用のソフトではない。CMYKの色に関する機能以外は、全てウェブに使う事ができる。フォトショップも同様だ。つまり、完全に、Fireworksとこれらのソフトは重複しているのだ。Fireworksを使い込めば、これらのソフトを使う頻度は減って行く気がする。
私の様な独習派は、使ってみないと中々気がつかないが、Fireworksで制作すると、非常に緻密なグラフィックが作れる事に気がついた。恐らくファンの多くは、この点に魅了されているに違いない。そうなると何とか使ってみようかと言う気も出てくるが、Fireworksを使うかイラストレーターを使うかの二者択一を迫られそうで中々踏み切れない。
Fireworksと機能の重複するこれらのソフトとの関係を整理する必要がアドビ社に突きつけられていると思う。それの一番の近道は、Fireworksを根本から書き直し、旧アドビ社ユーザーと旧マクロメディア社ユーザーの双方を満足させるようなソフトを早急に実現する事だとおもう。
ウェブにおいては、旧来のアドビ社ユーザーを無視し、多数派であるマクロメディア派を重視した結果となっている。双方を満足させるのが筋であろう。その実現に必死になって努める必要がある。原因は市場独占状態にあぐらをかいた怠慢だとしたら言い過ぎだろうか。強制的にGoLiveも製造打ちきりとなった。本来の市場の競争関係が維持されていたなら、GoLiveのユーザーの様な顧客層を満足させるような製品を必死になって用意する筈である。
裏でFireworksの根本的な見直が進んでいるとしたら問題ないが、そうでないとしたら、意識改革を促したい。思えば上層部のスタッフ資源の活用に関する采配ミスではないの

やはり、気になるのでたまにベータ版を触ってみている。今までillustrator、Photoshopと1ページ作るのに中間ファイルを作っていたので、効率化するのは間違いない。
かなりイラストレーター的な機能や操作性を実現させようとしている意志が見える。少なくとも前バージョンよりはそうなっているようだ。但し基本は変えようとしていない。
よく見てみると、あちこちにイラストレーター的なコマンドも散らばっている。ショートカット（マックではキーの組み合わせでメニューコマンドを実現する機能の事）もイラストレーターのようにカスタマイズすればかなり使い易くなる。
私にとって一番頭が痛いのは、このソフトを使う事は、（イラストレーターとの完全な互換性がないので、）長年使い込んできたイラストレーターを封印せざるを得なくなる点だ。現状のアドビ社の政策ではそうなっている。
難しいのなら、イラレファイルを読み込む際、フラッシュの様に、ダイヤログで設定を選ばせたらどうか。Fireworks CS3では、警告も一切出ず、強制終了する羽目になる。
最も基本的な操作においてもイラストレーターとはかなり違いがある点が違和感を感じさせる。要素の選択一つにとってもそうだ。例えば、マックでは（または殆どのアプリケーション上で）オプションキーを押しながらドラッグするとコピーが生成される。所がここではグループ画像はそうならない。
また、ベータ版だからという訳ではないと思うが、反応が遅いのだ。前のバージョンもそうだ。この反応の遅さが、より使いにくいと言う印象を倍増させている。（DREAMWEAVERもややそういう感じがある。2GHzのiMac上。）選択したいものがなかなか選択できないのだ。レイヤーでの選択もなかなか素早く反応してくれない。
レイヤーと言えば、なぜ未だにスライスなのか。テーブルレイアウトが推奨されていない現状において、スライスはテーブルレイアウトをベースにしている。逆にレイヤーごとの書き出しには全くと言っていいほど対応していない。
フォトショップでレイヤー分けしたファイルを取り込んだら、全部を選択し、矩形スライスをマルチで生成させる事で、スライスごとの色彩最適化機能が働く事に気づいた。勿論、空白スライスは無視して、選択スライスのみの画像書き出しをすればよい。
思うに、今のアドビ社のウェブにおけるマーケット戦略は私のような一部ユーザーには強いストレスを強いていて、ついて来れるものはついて来いと言っているように見える。そのかわり、高い料金を取る。諦める者も多いかも知れない。私の周りでは、グラフィックデザインからウェブに転身したものはいない。
ある意味、使えこなせるものにとっては存在価値が上がるので、むしろありがたいのだ。特にウェブ関連やフラッシュにおいて。それを肯定するものが多いのだろう。私のようなものは迷いながら進んで行くしかないようである。

Recommend a good Adobe Web Premium CS3 book please?

I would really like to get to grips with Adobe Web Premium
CS3, finding it a mission use new spry stuff, firework generated
CSS menus and all these new features which seem to make life harder
(would really like to be able to center pages, that have a
combination of menus, tables and layers).
Can anyone please recommend a good book? I'm not sure which
one to go for? Which ones are a must have?
Adobe Dreamweaver CS3 Classroom in a Book
Adobe Creative Suite 3 Bible
Adobe Dreamweaver CS3 with ASP, ColdFusion, and PHP: Training
from the Source
Dreamweaver CS3 for Dummies (For Dummies (Computers))
Adobe Photoshop CS3 Classroom in a Book (Classroom in a Book
(Adobe))
Adobe Flash CS3 Professional Classroom in a Book
Dreamweaver CS3 the Missing Manual
Adobe Dreamweaver CS3 How-tos: 100 Essential Techniques
(How-Tos)

I would recommend the David Powers book, or the Missing
Manual book (I was
the Tech Editor on that one).
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"BeardedFlipFlop" <[email protected]> wrote
in message
news:f8cd50$1kh$[email protected]..
>I would really like to get to grips with Adobe Web
Premium CS3, finding it
>a
> mission use new spry stuff, firework generated CSS menus
and all these new
> features which seem to make life harder (would really
like to be able to
> center
> pages, that have a combination of menus, tables and
layers).
>
> Can anyone please recommend a good book? I'm not sure
which one to go for?
> Which ones are a must have?
>
> Adobe Dreamweaver CS3 Classroom in a Book
> Adobe Creative Suite 3 Bible
> Adobe Dreamweaver CS3 with ASP, ColdFusion, and PHP:
Training from the
> Source
> Dreamweaver CS3 for Dummies (For Dummies (Computers))
> Adobe Photoshop CS3 Classroom in a Book (Classroom in a
Book (Adobe))
> Adobe Flash CS3 Professional Classroom in a Book
> Dreamweaver CS3 the Missing Manual
> Adobe Dreamweaver CS3 How-tos: 100 Essential Techniques
(How-Tos)
>

Book Recommendations

I'm wondering if anyone has a recommendation on the best
book/books to buy for a Flex newbie. I have taken all the tutorial
stuff that came with the product, and have some familiarity with
Flash 8 and Actionscript 2. In particular I am trying to use OOD
and OOP as much as possible in my projects in Flash and want to
carry that forward to Flex. I am particularly confused about when
to use mxml and when to use Actionscript and how to incorporate
Actionscript classes that I write with the components I layout in
mxml using FlexBuilder. I am also confused about Flex components v.
custom classes and components written that way. Thanks in advance
to anyone that can help.

The best training I have seen is at www. Lynda.com. For $25 a
month you can have unlimited access to ALL of their video
tutorials. I have learned so much in such a short time. I have a
huge collection of software books and have learned a lot through
them over the years, but never so quickly as I have with Lynda.com.
Currently they have two video collections for Flex 2:
1. Flex 2 - Essential Training
2. Flex 2 - Beyond The Basics
It is a total of 10.5 hours of video tutorials. They
currectly have over 17,300 tutorials done top-notch in 259
different topics. For instance if you want to learn ColdFusion they
have over 22 hours worth of training. I have learned Dreamweaver 8,
Flash 8, Fireworks 8, CSS, CSS2, XHTML, Photoshop CS2, Indesign
CS2, etc. They have 259 different topics. You can check out their
massive list yourself. Computer books are not cheap! I can easily
spend $50+ on a good computer book, but that's two whole months
worth of training at Lynda.com. I am in my second year subscription
and can testify that they are always adding new videos which are
part of your subscription when you subscribe.
Check it out you won't be disappointed!
John

Export for jquery mobile 1.2.0

Exporting my theme from Fireworks to a document using jquery mobile 1.2.0 (final) breaks several elements. I also tried including the CDN for 1.2.0 while including my fireworks exported css after. That was better, but elements were still rendering incorrectly.
Does there needs to be an update for the fireworks exported css to jive with 1.2.0?

Moving this discussion to the Dreamweaver extensions forum.

Stumped with lines

http://prosol1.com/fireworks/temp201.html
hi - i put this together as a design template. please only look at it in IE because there are some joining breaks in there in FF.
anyway - no links or buttons work - i'm just working on design and they also wanted to see the SWF in action too.
so when i cut the design up in PS4 then exported, i simply when into DW4, deleted the rectangle box with the SWF. it worked EXCEPT for that thin vertical and horizontal lines that are underneath the SWF. i can't figure out how to get rid of them. they're not in the SWF file.
any ideas? here is CSS if that will help too.
http://prosol1.com/fireworks/temp02.css
thanks - mike deaf guy

hi gary,
that didn't work. here it is posted:
http://prosol1.com/fireworks/temp201.html
also, you may want to look at this page in FF and IE. in FF, the split images where they join together at the top is more pronounced. maybe that will help you figure out the problem? i'm at wits end. i could tell my co-workers that this is a temporary thing during the design process, but being deaf - and they hearing - the respect level of my work is practically nil [neither one of them have ever designed anything professionally in their lives, yet they've been getting up moving things around nilly willy without even asking for my design opinion].
thanks - mike

Dreamweaver Error- code problem

Hello, I built a website for a salon and now I am working on SEO. I also added google analytics and now I am getting an error code in dreamweaver when I save the template. When I save the template it updates the pages but afterwords it gives me this error, “There is an error at line 11, column 29 (absolute position 1268) of “C:\Users\Meegan\Documents\Center Stage\ htmlindext.html” Unbalanced InstanceEndEditable tag.” I am not sure what it is telling me here. Here is the link to the site www.centerstagesalon.net. Underneith the title in the code, I put the keywords and description (fallowing a tutorials instructions).
This is what that code looks like:
Just before the end head tag, I put the code for google analytics.
Here is that code.
I assume that the issue has more to do with the keywords and description that I put in the code because line 11 is just bellow that, but I wanted to provide you with as much information as I could so hopefully someone can help me get this resolved. I added keywords, a description and the google analytics code to each page. Bellow is the code for the index page as an example.
Index Page Code:
Any help would be greatly appreciated. Thank you!
Meegan

ok the code wasnt there for some reason. Sorry about that. Here is the code for the index 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>Center Stage Salon</title>
<META name= "KEYWORDS" content= "center stage salon, Lancaster Salons, Pennsylvania Salon, hair color, hair cuts, hair styling, hair perming, hair relaxing, nails, nail technicians, beauty, make up, exclusive products, Davines, Unite, Kenra, Qtica, O P I, John Allan's, Morroccanoil, massage, conditioning treatment, Depilatory Services, spa, manicure, pedicure, red hair, blonde hair, brown hair, brunette">
<META name= "DESCRIPTION" content= "Welcome to Center Stage Salon, located in Lancaster, PA. We provide our clients with the highest quality services and most exclusive products such as Deva, Davines, Unite, Kenra, John Allan's and more. Our services include hair cuts, styling, coloring, perming / relaxing, nails, make up, depilatory, massage and more.">


<style type="text/css">

</style>

<style type="text/css">

</style>
<script src="../Scripts/swfobject_modified.js" type="text/javascript"></script>

<script type="text/javascript">

</script>
<script language="JavaScript1.2" type="text/javascript" src="../Fireworks/mm_css_menu.js"></script>
</head>
<body onload="MM_preloadImages('../Images (web optimized)/Buttons/Services-Down-Button_03.jpg','../Images (web optimized)/Buttons/Services-Over-Button_03.jpg','../Images (web optimized)/Buttons/Packages-Down-Button_03.jpg','../Images (web optimized)/Buttons/Packages-Over-Button_03.jpg','../Images (web optimized)/Buttons/Products-Down-Button_03.jpg','../Images (web optimized)/Buttons/Products-Over-Button_03.jpg','../Images (web optimized)/Buttons/Team-Down-Button_03.jpg','../Images (web optimized)/Buttons/Team-Over-Button_03.jpg','../Images (web optimized)/Buttons/Virtual-Tour-Down-Button_03.jpg','../Images (web optimized)/Buttons/Virtual-Tour-Over-Button_03.jpg','../Images (web optimized)/Buttons/About-Us-Down-Button_03.jpg','../Images (web optimized)/Buttons/About-Us-Over-Button_03.jpg','../Images (web optimized)/Buttons/Contact-Us-Down-Button_03.jpg','../Images (web optimized)/Buttons/Contact-Us-Over-Button_03.jpg','../Images (web optimized)/Buttons/Directions-Down-Button_03.jpg','../Images (web optimized)/Buttons/Directions-Over-Button_03.jpg','../Fireworks/menuBar1_file_r1_c1_f2.gi f','../Fireworks/menuBar1_file_r1_c3_f2.gif','../Fireworks/menuBar1_file_r1_c5_f2.gif','.. /Fireworks/menuBar1_file_r1_c7_f2.gif','../Fireworks/menuBar1_file_r1_c9_f2.gif')">
<table width="800" border="1" align="center">
<tr>
    <td align="center"><table width="800" border="0" align="center" cellpadding="2" dwcopytype="CopyTableRow">
      <tr>
        <td width="12" height="106" align="right" valign="middle"><p> </p></td>
        <td width="100" valign="middle"><img src="../Images/Images (web optimized)/Tour/Tour Thumbnails/Floor7.jpg" width="100" height="100" /></td>
        <td width="100" align="center"><p class="CenterStageHeading1"><img src="../Images/Images (web optimized)/Tour/Tour Thumbnails/Wait-Area-3.jpg" width="100" height="100" /></p></td>
        <td width="332" align="center" valign="middle"><img src="../Images/Images (web optimized)/Headings/Center-Stage-Main-Heading.jpg" width="332" height="100" border="0" usemap="#Map" /></td>
        <td width="100" align="center" valign="middle"><img src="../Images/Images (web optimized)/Tour/Tour Thumbnails/Spa-Room.jpg" width="100" height="100" /></td>
        <td width="100" align="center" valign="middle"><img src="../Images/Images (web optimized)/Tour/Tour Thumbnails/Color-Room-1.jpg" width="100" height="100" /></td>
        <td width="12" align="left" valign="middle"> </td>
      </tr>
    </table>
      <table width="800" border="0" align="center">
        <tr>
          <td width="95" align="center" class="alignMenuBar"> </td>
          <td width="661" align="center" class="alignMenuBar"><div id="FWTableContainer1276081102">
            <table border="0" cellpadding="0" cellspacing="0" width="598">
              
              <tr>
                <td><img src="../Fireworks/spacer.gif" alt="" name="undefined_2" width="78" height="1" border="0" id="undefined_2" /></td>
                <td><img src="../Fireworks/spacer.gif" alt="" name="undefined_2" width="31" height="1" border="0" id="undefined_2" /></td>
                <td><img src="../Fireworks/spacer.gif" alt="" name="undefined_2" width="111" height="1" border="0" id="undefined_2" /></td>
                <td><img src="../Fireworks/spacer.gif" alt="" name="undefined_2" width="24" height="1" border="0" id="undefined_2" /></td>
                <td><img src="../Fireworks/spacer.gif" alt="" name="undefined_2" width="87" height="1" border="0" id="undefined_2" /></td>
                <td><img src="../Fireworks/spacer.gif" alt="" name="undefined_2" width="52" height="1" border="0" id="undefined_2" /></td>
                <td><img src="../Fireworks/spacer.gif" alt="" name="undefined_2" width="59" height="1" border="0" id="undefined_2" /></td>
                <td><img src="../Fireworks/spacer.gif" alt="" name="undefined_2" width="41" height="1" border="0" id="undefined_2" /></td>
                <td><img src="../Fireworks/spacer.gif" alt="" name="undefined_2" width="115" height="1" border="0" id="undefined_2" /></td>
                <td><img src="../Fireworks/spacer.gif" alt="" name="undefined_2" width="1" height="1" border="0" id="undefined_2" /></td>
              </tr>
              <tr>
                <td><a href="http://www.centerstagesalon.net" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menuBar1_file_r1_c1','','../Fireworks/menuBar1_file_r1_c1_f2.g if',1);"><img name="menuBar1_file_r1_c1" src="../Fireworks/menuBar1_file_r1_c1.gif" width="78" height="30" border="0" id="menuBar1_file_r1_c1" alt="" /></a></td>
                <td valign="top"><p style="margin:0px"></p></td>
                <td><a href="http://www.centerstagesalon.net/Services.html" onmouseout="MM_swapImgRestore();MM_menuStartTimeout(1000)" onmouseover="MM_menuShowMenu('MMMenuContainer0621101539_0', 'MMMenu0621101539_0',-15,30,'menuBar1_file_r1_c3');MM_swapImage('menuBar1_file_r1_c3','', '../Fireworks/menuBar1_file_r1_c3_f2.gif',1);"><img name="menuBar1_file_r1_c3" src="../Fireworks/menuBar1_file_r1_c3.gif" width="111" height="30" border="0" id="menuBar1_file_r1_c3" alt="" /></a></td>
                <td valign="top"><p style="margin:0px"></p></td>
                <td><a href="http://www.centerstagesalon.net/About.html" onmouseout="MM_swapImgRestore();MM_menuStartTimeout(1000)" onmouseover="MM_menuShowMenu('MMMenuContainer0621102324_1', 'MMMenu0621102324_1',-15,30,'menuBar1_file_r1_c5');MM_swapImage('menuBar1_file_r1_c5','', '../Fireworks/menuBar1_file_r1_c5_f2.gif',1);"><img name="menuBar1_file_r1_c5" src="../Fireworks/menuBar1_file_r1_c5.gif" width="87" height="30" border="0" id="menuBar1_file_r1_c5" alt="" /></a></td>
                <td valign="top"><p style="margin:0px"></p></td>
                <td><a href="http://www.centerstagesalon.net/Map.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menuBar1_file_r1_c7','','../Fireworks/menuBar1_file_r1_c7_f2.g if',1);"><img name="menuBar1_file_r1_c7" src="../Fireworks/menuBar1_file_r1_c7.gif" width="59" height="30" border="0" id="menuBar1_file_r1_c7" alt="" /></a></td>
                <td valign="top"><p style="margin:0px"></p></td>
                <td><a href="http://www.centerstagesalon.net/Contact.html" onmouseout="MM_swapImgRestore();MM_menuStartTimeout(1000)" onmouseover="MM_menuShowMenu('MMMenuContainer0621102606_2', 'MMMenu0621102606_2',-15,30,'menuBar1_file_r1_c9');MM_swapImage('menuBar1_file_r1_c9','', '../Fireworks/menuBar1_file_r1_c9_f2.gif',1);"><img name="menuBar1_file_r1_c9" src="../Fireworks/menuBar1_file_r1_c9.gif" width="115" height="30" border="0" id="menuBar1_file_r1_c9" alt="" /></a></td>
                <td><img src="../Fireworks/spacer.gif" alt="" name="undefined_2" width="1" height="30" border="0" id="undefined_2" /></td>
              </tr>
            </table>
            <div id="MMMenuContainer0621101539_0">
              <div id="MMMenu0621101539_0" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="Packages.html" id="MMMenu0621101539_0_Item_0" class="MMMIFVStyleMMMenu0621101539_0" onmouseover="MM_menuOverMenuItem('MMMenu0621101539_0');"> PACKAGES </a> <a href="Products.html" id="MMMenu0621101539_0_Item_1" class="MMMIVStyleMMMenu0621101539_0" onmouseover="MM_menuOverMenuItem('MMMenu0621101539_0');"> PRODUCTS </a> <a href="gift certificates form.html" id="MMMenu0621101539_0_Item_2" class="MMMIVStyleMMMenu0621101539_0" onmouseover="MM_menuOverMenuItem('MMMenu0621101539_0');"> GIFT CERTIFICATES </a></div>
            </div>
            <div id="MMMenuContainer0621102324_1">
              <div id="MMMenu0621102324_1" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="Team.html" id="MMMenu0621102324_1_Item_0" class="MMMIFVStyleMMMenu0621102324_1" onmouseover="MM_menuOverMenuItem('MMMenu0621102324_1');"> TEAM </a> <a href="Tour.html" id="MMMenu0621102324_1_Item_1" class="MMMIVStyleMMMenu0621102324_1" onmouseover="MM_menuOverMenuItem('MMMenu0621102324_1');"> TOUR </a> <a href="Employment.html" id="MMMenu0621102324_1_Item_2" class="MMMIVStyleMMMenu0621102324_1" onmouseover="MM_menuOverMenuItem('MMMenu0621102324_1');"> EMPLOYMENT </a></div>
            </div>
            <div id="MMMenuContainer0621102606_2">
              <div id="MMMenu0621102606_2" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="Employment Inquiry.html" id="MMMenu0621102606_2_Item_0" class="MMMIFVStyleMMMenu0621102606_2" onmouseover="MM_menuOverMenuItem('MMMenu0621102606_2');"> EMPLOYMENT INQUIRY </a></div>
            </div>
          </div></td>
          <td width="30" align="center" class="alignMenuBar"> </td>
        </tr>
      </table>
    
    <table width="770" border="0" align="center" cellpadding="0">
      <tr>
        <td height="30" align="center" valign="bottom"><span class="callingallmen1">Hours: Monday - Thursday 9am - 9pm, Friday & Saturday 8am - 4pm</span></td>
        </tr>
    </table>
    <table width="735" border="0" align="center" cellpadding="6">
      <tr>
        <td colspan="3" align="center" valign="top" class="leftalign"><object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="200" height="270">
          <param name="movie" value="../Flash/Grid Slideshow.swf" />
          <param name="quality" value="high" />
          <param name="wmode" value="opaque" />
          <param name="swfversion" value="6.0.65.0" />
          
          <param name="expressinstall" value="../Scripts/expressInstall.swf" />
          
          
          <object type="application/x-shockwave-flash" data="../Flash/Grid Slideshow.swf" width="200" height="270">
            
            <param name="quality" value="high" />
            <param name="wmode" value="opaque" />
            <param name="swfversion" value="6.0.65.0" />
            <param name="expressinstall" value="../Scripts/expressInstall.swf" />
            
            <div>
              <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
              <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
            </div>
            
          </object>
          
        </object></td>
        <td width="449" colspan="2" align="left" valign="top" class="rightalign"><p class="indexpagetext1">At Center Stage Salon, we strive to provide our clients with the highest quality service through the latest, most up to date training and product lines. We are proud to offer such exclusive products as <a href="http://www.devaconcepts.com/">DEVA</a>, <a href="http://www.uniteeurotherapy.com/">Unite</a> and <a href="http://www.johnallans.com">John Allan's</a>. </p>
          <p class="indexpagebodytext">Calling All Men! Gentlemen and wives purchase 5 men's cuts @ $23.00 and receive 1 free or purchase 5 men's products and receive 1 free. Now that's a 6 pack to go!</p>
          <p class="indexpagebodytext"><span class="indexpagetext1"><strong><a href="Map.html" class="newText">1004 Nissly Rd. Lancaster, PA 17601 </a></strong></span><strong>• <span class="text">Established for 19 years, 10 years at this location</span></strong></p></td>
        </tr>
      <tr>
        <td width="32" align="center" valign="top" class="alignCenter"><span class="indexpagebodytext"><span class="leftalign"><span class="callingallmen1"><a href="http://www.twitter.com/CenterStageLanc"><a href="http://www.twitter.com/CenterStageLanc"><a href="http://www.twitter.com/CenterStageLanc"></a></span></span></span></td>
        <td width="164" align="center" valign="middle" class="alignCenter"><span class="indexpagebodytext"><span class="leftalign"><span class="callingallmen1"><a href="http://www.twitter.com/CenterStageLanc"><a href="http://www.twitter.com/CenterStageLanc"><img src="http://twitter-badges.s3.amazonaws.com/follow_me-c.png" alt="Follow CenterStageLanc on Twitter"/></a></span></span></span></td>
        <td width="32" align="center" valign="top" class="alignCenter"> </td>
        <td colspan="2" align="left" valign="top" class="rightalign"><form method="get" action="http://www.google.com/custom">
          <table cellspacing="0" cellpadding="0" border="0" style="background-color: #000000;">
            <tr>
              <td><a href="http://www.google.com/custom/"><img src="http://www.google.com/logos/Logo_40blk.gif" style="border: 0;" alt="Google" /></a></td>
              <td><input type="text" name="q" size="25" maxlength="255" value="" />
                <input type="submit" name="btnG" value="Search" />
                <input type="hidden" name="cof" value="L:http://;AH:center;GL:0;BIMG:http://;" />
                <input type="hidden" name="domains" value="www.centerstagesalon.net" />
                <br />
                <input type="radio" name="sitesearch" value="" />
                WWW
                <input type="radio" name="sitesearch" value="www.centerstagesalon.net" checked="checked" />
                www.centerstagesalon.net <br /></td>
            </tr>
          </table>
        </form></td>
      </tr>
      </table>
    <table width="735" border="0" align="center" cellpadding="6">
      <tr class="bottomindextext">
        <td width="256" align="center" valign="top"><a href="Employment.html">Employment Opportunity</a></td>
        <td width="449"><a href="Coupon.html">First Time Client Coupon! Click for Details</a></td>
        </tr>
    </table>
    <script type="text/javascript">

    </script>
    </td>
</tr>
</table>
<table width="800" border="0" align="center" cellpadding="0">
<tr>
    <td width="477" align="left" class="footerintext">1004 Nissley Rd. Lancaster, Pa 17601 • (717) 898-6651 •<a href="Contact.html"> [email protected]</a></td>
    <td width="317" align="right"><span class="menu">© 2010 Center Stage Salon, All rights reserved. | MTL Web Designs</span></td>
</tr>
</table>
<map name="Map" id="Map">
<area shape="rect" coords="-1,2,333,100" href="index.html" />
</map>
</body>
</html>

Creating CSS text in Fireworks... or should I say not.

I am so frustrated with Fireworks. I have the latest update, and I am still having problems creating text and exporting as html/css. I've tried deleting elements I though might be causing issues, still no go. I get either no css styling, some styling or some variation in between. I've viewed a few tutorials online and it looks like it should be very easy.
I should state that I am importing a PSD & ILLIO file (tried playing around with both, and still nuttin. Do I need to recreate this fully in FW? Hope not. Will that even work?
I'm a college teacher and I hadn't planned on using Fireworks, but after opening the Overview DVD that came with the software it looked like a great solution for us designers that don't know much or anything about CSS/HTML, now I'm not so sure... and I need to have this ready for my class Wed! Thinking of abandoning FW entirely, which would be dissapointing, cause it seems like a great bridge between design and implementation.
Also when trying to export slices as PNG 24 I am still getting matting even though I have a transparent canvas and have deselected matting in the preview window. Seems really buggy.
Any GURUs that could take a look at my file to lend some help?
Help appreciated!
Matt

PNG 24 does not support transparency in Fireworks. For that you need to choose PNG 8 or PNG 32. Note that Fireworks is a bitmap and graphics editor with multi page prototyping capabilities. Use it for creating mockups for clients, and images for for web pages. It's not a WYSIWYG HTML editor. Use Dreamweaver to build the actual web pages.

Newsletter creation and CSS export in Adobe Fireworks

I am a new to adobe fireworks and am currently in the trial mode of my download.
I was advised that Adobe FIreworks CS6 is the ideal program to create graphics and text to build a newsletter for my company.
Not knowing much about the program, I was able to add graphics, text and hotspots on specific images and text with an html link for customers to be able to click to sign up for the newsletter via our website.
The million dollar question I have is how in the world do I export this document and paste it into the "body" of an email to send to 5k contacts?
I do not want an attachment, I want the body fo the email to be html or css coded, but I know nothing about either of the two or how to do it.
I did find one video that walked me thru the export css process, but none of my images were shown and 90% of the text was missing.
I believe I need to understand "layers" to get this to work properly but could really use some help!
I am dangerously close to missing out on advertising to all 5k contacts before the holiday. Please help!!
BTW - the reason for doing this instead of using standard mailchimp or constant contact is because I purchased my email list and those are forbidden in both constant contact and mailchimp hence why i need to create my own opt-in newsletter to get people to opt-in via my website.
Thanks in Advance!!

Seriously, do not use Fireworks to generate the html for your webpage. It is graphics program with *some* html capabilites, but I would never use it for a live site. It is always best to create the layout in Fireworks, slice it up as for use as individual images, or uses 'pieces' for background images and write the markup (html + css) in Dreamweaver or a HTML editor of your choice.
This tutorial may help you make the transition. Naturally it helps to have at least a basic knowledge of html and css before working with Dreamweaver, it will make using DW so much easier.
TAKING FIREWORKS COMP TO DREAMWEAVER:
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt1.html
Creating your first website (series) (using Dreamweaver)
http://help.adobe.com/en_US/Dreamweaver/10.0_Using/WS42d4a1c0291fbe4e59147ede1232ff9686c-8 000.html
Nadia
Adobe® Community Expert : Dreamweaver
http://www.perrelink.com.au
Unique CSS Templates | Tutorials | SEO Articles
http://www.DreamweaverResources.com
http://twitter.com/nadiap

Exporting "CSS and images (.htm.)" from Fireworks CS4?

Is this an effective process for developing CSS based layouts? Are there any proven tricks to improve the quality of the resulting structure?

It's a starting point, but it does not exempt you from understanding
XHTML and CSS. Currently there are some limitations to what the script
will export: it ignores additional states, javascript behaviors and
won't export more than 1 page at a time. Keep in mind this is just the
"first kick" and we'll no doubt see this feature embellished.
I recommend that you download and read about the updated CSS and
Images export script, modified by Matt Stow. You can find the new
script and his article here:
http://www.adobe.com/devnet/fireworks/articles/standards_compliant_design.html
The article also provides some tips on how to best plan your designs
if you plan to use the script.
HTH
Jim Babbage
NewMedia Services
http://www.newmediaservices.ca
Community MX Partner -
http://www.communitymx.com/author.cfm?cid=1036
Adobe Community Expert
http://www.adobe.com/communities/experts/members/206.html
Author - Lynda.com
http://movielibrary.lynda.com/authors/author/?aid=188
Author: Peachpit Press
http://www.peachpit.com/store/product.aspx?isbn=0321562879

Fireworks Splice & CSS

Similar Messages

Maybe you are looking for