イメージマップを作成した時にできる空間



0   名前: ララ : 2007/05/02(水) 16:35  [URL]  ID:BrfA5Qsi sub-Ds
イメージマップでメニュー画面を作成しているのですが、
上のバーまで空間がなくなるようにぴったりくっつけたいのですが、
どうやっても画像とバーの間に空間が出来てしまいます。
どうしたら空間をなくすことができるのでしょうか?

アドレスはhttp://www5.pf-x.net/~toya618/menu.htmlです。

どうしたら直るのか、回答是非よろしくお願い致します。

1   名前: あえ : 2007/05/02(水) 16:35  ID:Uydzge5R sub-t1
もっといい方法があるかもしれませんが、とりあえず単純な方法です。
<style type="text/css">
<!--
body {
margin:0;
} 
-->
</style>
を<head></head>の間に入れてみてください。

2   名前: さくら : 2007/05/02(水) 16:35  ID:mP6Wsu7G sub-99
あえさんの回答で解決すると思いますが、一応補足です。

イメージマップだから隙間ができるのではなくて、
通常の画像でも、テキストでも、同じだけの隙間ができます。

あえさんが回答してくださったのは
CSSでbodyのmarginを0にするというものになります。
(なので、上だけではなく左も隙間も詰まると思います)
0を指定しないとデフォルト値になってしまうので、
あえて「0」という数値を指定してあげると解決するという仕組みです。
(ブラウザで違うのかも知れないんですが、デフォルト値は10pxぐらいだったような…)

このサイトでも紹介されているので、ご参考までに。
http://www.tagindex.com/stylesheet/page/margin.html

3   名前: ララ : 2007/05/02(水) 16:35  ID:BrfA5Qsi sub-Ds
あえさん、さくらさん、丁寧に教えてくださって有り難うございます!
言われたとおりやってみたら、ちゃんと上にくっつくようになりました。

一覧へ戻る