---

たとえば次のようなページを作るとしたら、どうしますか。

ポイントは、２枚の画像の間に空白があるということです。

• ２枚の画像の間に全角スペースを入れる
  
  
  
• スタイルシートでそれぞれの位置を固定する
  
  
  
• <table>タグで配置する
  
  
  

など、方法はさまざまだと思いますが、
ひとつの手段として、スペーサーGIFというものがあります。


７タグ「４日目」で、GIFイメージの背景を透過したのを覚えていますか？


GIFは１色だけ「透過する」ことができるんでしたね。


ということは、１色しかないGIF画像を透過したら？


このように、「何も見えないGIF画像」ができあがるというわけです。


これを<img>タグで載せて、「width」「height」属性で好きなサイズに伸ばし、スペースをあけたい部分に使用します。


これが、「スペーサーGIF」というテクニックです。
とても便利なワザですので、レイアウトに困っている方は、使ってみてはいかがでしょうか？？

＊プレゼント＊
７タグ管理人が作ったスペーサーGIFをダウンロードできます。
↓
↓
↓
「右クリック」→「名前をつけて画像を保存」で保存できます

---

Copyright (C) 7tag project dv