- ベストアンサー
文字列とか画像にカーソルが行くと「ふきだし」を出したい
お世話になります。カテゴリはここで失礼します。ホームページ・ビルダー１０を使用中。 ＸＰの画面左下には「スタート」なるアイコンがあります。ここにカーソルを移動すると［このボタンから始めます］なる "ふきだし"（と言うのでしょうか？）が出ます。デスクトップの「ごみ箱」では［削除したファイルやフォルダが含まれます。］と出ます。 ＨＰでこれと同じ動作をさせたいのです。指定した文字列とか画像（イメージマップも含む）の "リンク先" として "ふきだし文" を指定する・・・なんて事ができたら言うことなしですが。 ネット検索しても、「ふきだし」なる単語が不適切なせいか、ヒットできません。よろしくご教示ください。
- chanoyu
- お礼率53% (70/130)
- ホームページ作成ソフト
- 回答数7
- ありがとう数13
- みんなの回答 （7）
- 専門家の回答
質問者が選んだベストアンサー
タイトル・ダグ http://www.tohoho-web.com/html/attr/title.htm リンクの場合は、■■■にふきだし内容を書いてください。。。 <a href="http:●●●.html" title="■■■">
その他の回答 (6)
- musekininn
- ベストアンサー率46% (143/306)
ＮＯ６です。 (3)続いて、文章の中に埋め込む場合です。（インライン） <BODY> <p><ACRONYM title=世話してねえよ>お世話になります。</ACRONYM> <ACRONYM title=他をあたってくんない？>カテゴリはここで失礼します。</ACRONYM> <ACRONYM title=今１２になってるよ、いつまで使ってんの>ホームページ・ビルダー１０を使用中。</ACRONYM> </p> <p><ACRONYM title=ちなみに私は２０００です>ＸＰの画面左下には「スタート」なるアイコンがあります。</ACRONYM> ここにカーソルを移動すると［このボタンから始めます］なる<ACRONYM title=アクロニムとエイ、ビー、ビー、アール要素で、この様にインライン要素です> "ふきだし"（と言うのでしょうか？）が出ます。</ACRONYM> デスクトップの「ごみ箱」では<ACRONYM title=このアクロニムが使われていると考えられます>［削除したファイルやフォルダが含まれます。］と出ます。</ACRONYM> </P> <p></p> </BODY> 上記の「ボディ」で挟まれた部分をコピーしてテストして下さい。 改行する場合は適当な部分に<p></p>を入れてください。 直、質問者に喧嘩はうってません（念のため）。
お礼
皆様のご教示をまとめると、私がやりたいのは「title 属性で改行を行う」事なんですね。研究してみます。 試しながらでしたので、各回答にレスが遅れて申し訳ありません。
- musekininn
- ベストアンサー率46% (143/306)
こんにちは。 (1)テキスト文字で「吹出し」を表示させる <p> <ACRONYM title="ここに表示したい文字列を入れます"> <A href="*****.html">画面上に表示されている文字</A> </ACRONYM> </p> これでリンクの文字列上にカーソルが来た時に「タイトル」で指定した文字が表示されます。 (2)画像で「吹出し」を表示させる <IMG alt="ここに表示したい文字列を入れます" width="322" height="139" border="0" src="＊＊＊＊＊.gif"> <br> この構文の前後には、構文タグがあるはずなので、そちらでお試し下さい。
- supokku33
- ベストアンサー率77% (34/44)
こんにちは。 イメージマップでの場合は、こちらを参考にしてください。
お礼
うわ～～ ホームページ・ビルダー１０でイメージマップの設定（編集）ができるんですね！！ 商品同梱の２冊の解説本には当該記述がないので、PS Elements でマップを貼り付け座標をメモした後、<area> タグをシコシコ書いてたんですよ。 有難うございます。多謝！！
- sakura5678
- ベストアンサー率38% (120/314)
ちなみに、複雑なふきだし。。。というか、説明などのコメントを出す場合は、他の方法。 「スクリプト」や「Flash」などでなら、いろいろできると思いますよ。
お礼
ブラウザで動作が異なるんですね。実験したら IE6 では： alt="■" でも title="■" でも吹き出し、 で改行もしました。 私が使ってる FireFox2 では： title="■" でのみ吹き出し、 は利かずスペースとなりました。
- sakura5678
- ベストアンサー率38% (120/314)
複数行。。。は、わかりません。 ただ、1行でも、結構、ふきだすんじゃないでしょうか。。。(^^; それではだめなんですか?(^^ ということで、わかりません。。。
- aigaion
- ベストアンサー率47% (287/608)
吹き出しとは少し違いますが，tooltipという呼び方をする機能がそれに近いと思いますよ． 参考urlあたりが，日本語でわかりやすく書かれていますね． htmlの他にJavaScriptというものを使っているので初心者には難解ですががんばってください． これでわからなければ，googleで tooltip javascript と検索すれば他のサンプルが見つかるかと思います．
お礼
tooltip って言うんですね。Java は不案内故、「CSS と HTML だけでできるツールチップ」なるサイト http://design-develop.net/web-design/easycsstooltip.html を見つけトライしました。<a>～</a> の間に吹き出しテキストを挿入することができました。改行も可。 自分で仕掛けを持てばブラウザに依存しない動作ができる訳で、さらに研究してみる積りです。きっかけを有難うございます。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_3_thumbnail_img_sm.png)
補足
早速のご教示有難うございます。 <a> タグの alt= を title= に置換して、やってみました。できました。感激。手持ちの参考書には "title=" は書かれていませんです。 あと複数行を表示できれば、言うことないのですが。方法はありませんか？ title="１行目 ２行目" としてみましたが、駄目でした。復帰・改行コードを入れた積りです（恥）。