- ベストアンサー
アイコンを円く並べる方法
以前、別のかたも質問されていました。 ↓ http://oshiete1.goo.ne.jp/kotaeru.php3?q=361215 しかし、回答にある添付URLが表示できないので、同趣旨の質問をさせていただきます。 私は、アイコンを円く並べるだけでよく、以前の質問の方のように、「アイコンのうえにカーソルを置くと、説明文がでる」というのは不要です。 よろしくお願いいたします。
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
円くというのがHTMLでは大変で・・・。 案1.1つの画像として加工してしまう。 アイコンが円く並べられている様な1枚絵を作成する。 大きすぎた場合は、その1枚絵を改めて(タイル状に)分割して並べて表示する。 リンク等は絡まないので別にイメージマップではなくてもと思う処ですが、HTMLとしては円くという事の方が問題で、結果的にイメージマップという考えに至ります。 案2.TABLEで細かくセルを組み、それにより配置する。 各セルを微妙に接合してそこにアイコンを置く。 つまりHTMLでデザイン,配置を作成する方法で、本来のHTMLの考え方ではなく、良くない方法とされます。ただ今回は、他の実現方法の方がかえって閲覧者に不利益な様子なので採用しても良いと思います。 尚、描画に時間がかかる可能性があります。 案3.CSSで個々に位置指定する。 CSSで位置指定する方法も考えられます。ただブラウザのバグや対応状況など配慮しないといけない点がかなり多いので、無理にお勧めは出来ません。出来たらこれを採用するのが望ましいとは思うのですが、知識と検証の労力が・・・。 案4.フラッシュなどの別の物を用いる。 デザインを重視するならフラッシュをお勧め。 閲覧側もフラッシュが見れないか作成者の希望通り観れるかのどちらかだけで他の方法での予想外の見え方などはないのでデザイン重視には良いでしょう。 案5.円く並べるのを諦める。 簡単で確実に実現できる事ではないので、諦めるのも1つの考え方です。 で、この案をわざわざ書いたのは、読んで反発を感じた時に「でも確実に」と感じたのならフラッシュを用いるしかないという事です。 尚、「円さ」次第では単なる配置で案外容易に実現できるかもしれません。つまり実際は円くなく単にそう思えているだけの状態なら・・・。(例えば8個のアイコンならTABLEのセルで容易に位置やサイズ指定まですればほぼ実現できると思うし・・・。まぁ真の単純配置だと菱形になってしまいますが、そこは左右に微調整で・・・。)
その他の回答 (2)
- nekodon339
- ベストアンサー率28% (315/1087)
下記以外で書きます こういった物を作りたい場合は フラッシュです http://www.geocities.jp/inner_voice2005/flash_souko/game_menu.html 補足までに
お礼
お礼が遅くなって申し訳ありません。 現時点では、添付URLにあるようなレベルのものは、とうてい無理ですが、いつかは挑戦したいものです。 回答ありがとうございました。
- hiyoko16
- ベストアンサー率26% (18/68)
イメージマップの作り方、ということで宜しいのでしょうか? 一応ご参考までに、どうぞ。
お礼
お礼が遅くなって申し訳ありません。 イメージマップをつくるのは大変そうですが、参考URL内にリンクのあったフリーソフトCSIM-Editorを利用すれば、なんとかなりそうです。 ありがとうございました。
お礼
お礼が遅くなって申し訳ありません。 確かに、簡単で確実に実現できる方法はないようですね。 とりあえず、フリーソフトを利用して、イメージマップをつくることにしました。 丁寧な回答、ありがとうございました。