ホームページ作りで

画像を表示するにはタグやスタイルシートで表示させる事は知っているのですが
それだと真ん中や上、右下などに表示させる事が出来るのですが
自分の好きな場所に固定で画像を表示させる事が出来ません。

例えば背景を部屋の画像にして、その中にタンスやテレビの画像を配置して、そこをクリックするとリンクできるようにしてみたいのです。
ブラウザを小さくすると、画像がズレてしまうので、ずれないようにもしたいのですが…

できれば簡単に出来るフリーソフトなどがあればいいのですが
無さそうでしたら、タグやスタイルシートで出来るように教えていただきたいです。
よろしくおねがいします。

No.2 ベストアンサー 回答者： monoiro 回答日時： 2009/09/18 10:38

こういうデザインを吐き出すソフトはよくわかりませんが、、

本当に簡単に実現したいなら、テーブルを使う事でしょうか。
欠点を言えば、細かい位置を決められない等、言いだしておきながら、テーブルはあんまりお勧めしません。
確実な手段なら、Flashを使う事でどんな場所にでも配置できます。
不具合も出辛いですが、見る側の負荷は高い上に戻る、進む等の融通がききません。
Divとスタイルシートを使ってやれば、負荷も少ないですがなれてないとズレが出てきてしまうかもしれません。

Divをお使いになられる場合、親要素（部屋）と、子要素（テレビ）をまず作り、親要素の幅を決めその幅にピッタリ合う様に、部屋の画像を背景画像に指定します。
子要素も、テレビの画像に合う様に大きさを決め、背景にテレビの画像を指定します。
で、子要素のスタイルシートにposition: absolute;を指定し
top:○○（上からの距離）px; left:○○（左からの距離）px;この二つもついでに追加します。
そうすれば、topとleftによって指定された位置に、子要素が来ている筈です。
このtopとleftをうまく調整して、お好みの位置に配置して下さい。
position: absolute;を書いてないと、これらは反映されないので注意。

ただ難しいのはその画像作りと言うかなんというか……
ご期待に添えた回答であったなら嬉しいです。

この回答へのお礼

自分の思い通り・・とまでは行きませんが
スタイルシートでうまく固定する事ができました。

ありがとうございます。

お礼日時：2009/10/06 04:49

No.1 回答者： 756co 回答日時： 2009/09/17 14:18

＞背景を部屋の画像にして、その中にタンスやテレビの画像を配置

背景もタンスなどの素材も、すべて一枚画像にして
クリッカブルマップでリンク指定してみてはどうですか？

丸や四角だけではなく、好きな図形をリンクにできますよ。


自分で位置を指定するのが大変なときは便利なフリーソフトもあります。
http://www.vector.co.jp/soft/win95/net/se084175. …

参考URL：http://www.tohoho-web.com/html/map.htm

この回答へのお礼

紹介していただいたソフトを使ってみたのですが
使い方が良く解らないので、自力で頑張ってみます。

お礼日時：2009/10/06 04:46