人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

Photoshop7.0でスライスをしてテーブルを組むと、右に1行1ピクセルの余分な行が出来てしまいます。この行を消すとレイアウトがくずれてしまいます。これを防ぐためにはどうしたらいいですか?また、他のバージョンやソフトでスライスがうまくいくものはありますか?

●質問者: hashi2
●カテゴリ:ウェブ制作
✍キーワード:スライス ソフト バージョン ピクセル レイアウト
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● jaja0902
●20ポイント

スライスしたいところにガイドをひいて、スライスツールを選択→「ガイドに沿ってスライス」のボタンをクリックすると、余分な隙間は発生しませんよ。


2 ● helio
●30ポイント

なぜフォトショップがそのような方法で行を生成するかというと、

そうしなければいろいろなブラウザで正しく表示ができなくなるためです。

複雑なレイアウトを書き出す場合、フォトショップは無理やり

すごい行と列のテーブルを作成し、スペーサー(spacer.gif)を使って

強引に見た目を整えようとします。

それを回避する方法は次の2つがあります。

■スペーサーを使用させず、セルの幅、高さ設定を使用する

ファイル>出力設定>カスタム>スライスの出力の設定

“テーブルを生成”にチェックがついていると思います。

スペーサーのセル>追加しない

にしてみてください。

これでフォトショップはその余分な行を作成せずに

セルの幅と指定して、テーブルを生成します。

ですが、スライスが複雑な場合にブラウザによっては

この方法だとレイアウトが崩れてしまう場合があります。

■複雑なテーブルを作らないようにブロックにわけてスライスする。

1つのページを丸ごと書き出す場合、上記のように

複雑なテーブルを作成されてしますので、

元となるPSDをブロックごとに切り分けて

できるだけ単純な“田の字型”になるように細分化します。

そうしてできた単純なブロックを

手書きで書いたテーブルの中に入れていき繋ぎ合わせます。


3 ● masculine
●20ポイント

http://www.queserasera.jp/fireworks-faq/archives/000013.html

Fireworks FAQ:書き出した画像の上と右に空白ができる

当方、スライスはFireworksでやるのでこちらでの

解決方法を。

おそらくhashi2さんはFWでいうところの

(スライス後)→書き出し→オプション→テーブル

→スペーサーの種類→1ピクセル透明スペーサー

を選択した状態ではないかと。(列や行の端に幅高さ

固定用のセルがつけられている状態。)

FWでは、シングルテーブル・スペーサーなしにチェック

を変えてやればそういったことは回避できます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ