なぜフォトショップがそのような方法で行を生成するかというと、
そうしなければいろいろなブラウザで正しく表示ができなくなるためです。
複雑なレイアウトを書き出す場合、フォトショップは無理やり
すごい行と列のテーブルを作成し、スペーサー(spacer.gif)を使って
強引に見た目を整えようとします。
それを回避する方法は次の2つがあります。
■スペーサーを使用させず、セルの幅、高さ設定を使用する
ファイル>出力設定>カスタム>スライスの出力の設定
“テーブルを生成”にチェックがついていると思います。
スペーサーのセル>追加しない
にしてみてください。
これでフォトショップはその余分な行を作成せずに
セルの幅と指定して、テーブルを生成します。
ですが、スライスが複雑な場合にブラウザによっては
この方法だとレイアウトが崩れてしまう場合があります。
■複雑なテーブルを作らないようにブロックにわけてスライスする。
1つのページを丸ごと書き出す場合、上記のように
複雑なテーブルを作成されてしますので、
元となるPSDをブロックごとに切り分けて
できるだけ単純な“田の字型”になるように細分化します。
そうしてできた単純なブロックを
手書きで書いたテーブルの中に入れていき繋ぎ合わせます。
http://www.queserasera.jp/fireworks-faq/archives/000013.html
Fireworks FAQ:書き出した画像の上と右に空白ができる
当方、スライスはFireworksでやるのでこちらでの
解決方法を。
おそらくhashi2さんはFWでいうところの
(スライス後)→書き出し→オプション→テーブル
→スペーサーの種類→1ピクセル透明スペーサー
を選択した状態ではないかと。(列や行の端に幅高さ
固定用のセルがつけられている状態。)
FWでは、シングルテーブル・スペーサーなしにチェック
を変えてやればそういったことは回避できます。
コメント(0件)