web-dev-qa-db-ja.com

Photoshopからスライスしてエクスポートした後のHTMLテーブルの画像に関する問題

Photoshopで画像を作成し、Photoshopスライスツールを使用しました。

Photoshop Slice Tool

元の画像:
Original Image

「Webデバイス用に保存」オプションを使用して、各スライスツールをPNG画像にエクスポートし、ページ、HTMLページを作成しました。シンプルなページとして、ページは見栄えが良いですが、プロジェクトに含めると、断片的なパズルのように見えます。

fragmented puzzle

ここにHTMLコード(スタイル付き)を貼り付けます。 http://Pastebin.com/U9p3GT5j

このコードは複雑なプロジェクトの一部であり、私のstyle.css外部CSSスタイルはそのテーブルに影響しません。または、入力テキストを配置するためにスライスを配置する場所が必要です...

1
Teodorescu

ここでテーブルを使用している場合は、使用することをお勧めします

table{
   border-collapse:collapse;
}

この方法では、テーブル内のスペースは表示されません。

0
Ibu