文字列とか画像にカーソルが行くと「ふきだし」を出したい

解決済

質問者：chanoyu
質問日時：2008/07/20 13:00
回答数：7件

お世話になります。カテゴリはここで失礼します。ホームページ・ビルダー１０を使用中。

ＸＰの画面左下には「スタート」なるアイコンがあります。ここにカーソルを移動すると［このボタンから始めます］なる "ふきだし"（と言うのでしょうか？）が出ます。デスクトップの「ごみ箱」では［削除したファイルやフォルダが含まれます。］と出ます。

ＨＰでこれと同じ動作をさせたいのです。指定した文字列とか画像（イメージマップも含む）の "リンク先" として "ふきだし文" を指定する・・・なんて事ができたら言うことなしですが。

ネット検索しても、「ふきだし」なる単語が不適切なせいか、ヒットできません。よろしくご教示ください。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (7件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： sakura5678
回答日時：2008/07/20 13:42

タイトル・ダグ

http://www.tohoho-web.com/html/attr/title.htm

リンクの場合は、■■■にふきだし内容を書いてください。。。
<a href="http:●●●.html" title="■■■">

この回答への補足

早速のご教示有難うございます。
<a> タグの alt= を title= に置換して、やってみました。できました。感激。手持ちの参考書には "title=" は書かれていませんです。
あと複数行を表示できれば、言うことないのですが。方法はありませんか？
title="１行目
２行目" としてみましたが、駄目でした。復帰・改行コードを入れた積りです（恥）。

補足日時：2008/07/20 16:02

通報する

- 0
- 件

通報する

No.7

回答者： musekininn
回答日時：2008/07/23 19:54

　ＮＯ６です。

(3)続いて、文章の中に埋め込む場合です。（インライン）
<BODY>
<ACRONYM　 title=世話してねえよ>お世話になります。</ACRONYM>
<ACRONYM　 title=他をあたってくんない？>カテゴリはここで失礼します。</ACRONYM>
<ACRONYM　 title=今１２になってるよ、いつまで使ってんの>ホームページ・ビルダー１０を使用中。</ACRONYM>

<ACRONYM　 title=ちなみに私は２０００です>ＸＰの画面左下には「スタート」なるアイコンがあります。</ACRONYM>
ここにカーソルを移動すると［このボタンから始めます］なる<ACRONYM 　　title=アクロニムとエイ、ビー、ビー、アール要素で、この様にインライン要素です> "ふきだし"（と言うのでしょうか？）が出ます。</ACRONYM>
デスクトップの「ごみ箱」では<ACRONYM　 title=このアクロニムが使われていると考えられます>［削除したファイルやフォルダが含まれます。］と出ます。</ACRONYM>


</BODY>

　上記の「ボディ」で挟まれた部分をコピーしてテストして下さい。
　改行する場合は適当な部分にを入れてください。

　直、質問者に喧嘩はうってません（念のため）。

- 0
- 件

通報する

この回答へのお礼

皆様のご教示をまとめると、私がやりたいのは「title 属性で改行を行う」事なんですね。研究してみます。
試しながらでしたので、各回答にレスが遅れて申し訳ありません。

通報する

お礼日時：2008/07/27 15:55

No.6

回答者： musekininn
回答日時：2008/07/23 12:50

　こんにちは。

(1)テキスト文字で「吹出し」を表示させる

<ACRONYM　 title="ここに表示したい文字列を入れます">
　 <A href="*****.html">画面上に表示されている文字</A>
</ACRONYM>

　これでリンクの文字列上にカーソルが来た時に「タイトル」で指定した文字が表示されます。

(2)画像で「吹出し」を表示させる
<IMG alt="ここに表示したい文字列を入れます"
width="322" height="139" border="0" src="＊＊＊＊＊.gif">
 

この構文の前後には、構文タグがあるはずなので、そちらでお試し下さい。

- 0
- 件

通報する

No.5

回答者： supokku33
回答日時：2008/07/21 00:39

こんにちは。

イメージマップでの場合は、こちらを参考にしてください。

参考URL：http://pasobora.2-d.jp/sumple/sum6_imgmap/index. …

- 0
- 件

通報する

この回答へのお礼

うわ～～　ホームページ・ビルダー１０でイメージマップの設定（編集）ができるんですね！！
商品同梱の２冊の解説本には当該記述がないので、PS Elements でマップを貼り付け座標をメモした後、<area> タグをシコシコ書いてたんですよ。
有難うございます。多謝！！

通報する

お礼日時：2008/07/21 12:10

No.4

回答者： sakura5678
回答日時：2008/07/20 17:30

ちなみに、複雑なふきだし。

。。というか、説明などのコメントを出す場合は、他の方法。

「スクリプト」や「Flash」などでなら、いろいろできると思いますよ。

- 0
- 件

通報する

この回答へのお礼

ブラウザで動作が異なるんですね。実験したら
IE6 では： alt="■" でも title="■" でも吹き出し、
で改行もしました。
私が使ってる FireFox2 では： title="■" でのみ吹き出し、
は利かずスペースとなりました。

通報する

お礼日時：2008/07/22 10:16

No.3

回答者： sakura5678
回答日時：2008/07/20 17:25

複数行。

。。は、わかりません。
ただ、1行でも、結構、ふきだすんじゃないでしょうか。。。(^^;

それではだめなんですか?(^^
ということで、わかりません。。。

- 0
- 件

通報する

No.1

回答者： aigaion
回答日時：2008/07/20 13:20

吹き出しとは少し違いますが，tooltipという呼び方をする機能がそれに近いと思いますよ．

参考urlあたりが，日本語でわかりやすく書かれていますね．
htmlの他にJavaScriptというものを使っているので初心者には難解ですががんばってください．

これでわからなければ，googleで tooltip javascript と検索すれば他のサンプルが見つかるかと思います．

参考URL：http://terakonya.sarm.net/wordpress/2007/10/03/93

- 0
- 件

通報する

この回答へのお礼

tooltip って言うんですね。Java は不案内故、「CSS と HTML だけでできるツールチップ」なるサイト
http://design-develop.net/web-design/easycsstool …
を見つけトライしました。<a>～</a> の間に吹き出しテキストを挿入することができました。改行も可。
自分で仕掛けを持てばブラウザに依存しない動作ができる訳で、さらに研究してみる積りです。きっかけを有難うございます。

通報する

お礼日時：2008/07/23 10:07

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！