ネットショップ運営奮戦記　

Calendar

アスパラ

(0)

パプリカ

(0)

病害虫

(0)

実験

(0)

商品ページに画像を入れる際、ｔａｂｌｅを使うのは、画像と画像の間のスペースを無くしたい時

テーマ： HTMLタグのお勉強(104)

カテゴリ：素人が覚えた　html　タグの使い方

商品ページに画像を入れる際、＜ｉｍｇｓｒｃ＝”＊＊＊＊．＊＊＊”＞を並べていくだけだと、画像と画像の間が、パソコンや閲覧ソフトによって変わってくる。
その為、確実にそのスペースをコントロールするために＜ｔａｂｌｅ＞を使って画像と画像のスペースを決めるために使います。

左右に並べて配置する際、画像と画像の間のスペースが何ドットになるかで右側の最後の画像が下に降りてしまうとかそういった問い頃までみながら配置しても、使っているソフトでどうも大きく変わってくるみたいです。
そういったことを防ぐために、＜ｔａｂｌｅ　ｃｅｌｌｓｐａｃｉｎｇ＝”０”　ｃｅｌｌｐａｄｄｉｎｇ＝”０”＞と指定するみたいです。

ｃｅｌｌｓｐａｃｉｎｇ＝”０”
これは、セルとセルの間のスペースを”０”にするための指定です。

ｃｅｌｌｐａｄｄｉｎｇ＝”０”
これは、セル内の画像や文字がセルからどれだけのスペースを空けるかを指定します。

なので、画像をつなげたい時はその両方を”０”にすることで画像と画像の間が無くなります。

変なところで切ると思っていたのですが、それでも、実際の商品ページでは切れにつながっていました。
それを色々調べていると、それぞれのタグの命令の内容からスペースの指定と判りました。
上手に使われていることが判ったので、自分でも使うようにさせていただいております。

こういったところが判ってしまえば、後は使うだけになります。
まぁ、忘れてしまうといけないので、こんな感じでブログにアップしております。
ただ、ブログでは、半角で書いてしまうと、タグとして認識されてしまいますので、全角でアップしてます。
なので、使う時は、半角で使うようにしてます。

お気に入りの記事を「いいね！」で応援しよう