- ベストアンサー
文字列とか画像にカーソルが行くと「ふきだし」を出したい
お世話になります。カテゴリはここで失礼します。ホームページ・ビルダー１０を使用中。 ＸＰの画面左下には「スタート」なるアイコンがあります。ここにカーソルを移動すると［このボタンから始めます］なる "ふきだし"（と言うのでしょうか？）が出ます。デスクトップの「ごみ箱」では［削除したファイルやフォルダが含まれます。］と出ます。 ＨＰでこれと同じ動作をさせたいのです。指定した文字列とか画像（イメージマップも含む）の "リンク先" として "ふきだし文" を指定する・・・なんて事ができたら言うことなしですが。 ネット検索しても、「ふきだし」なる単語が不適切なせいか、ヒットできません。よろしくご教示ください。
- 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> の間に吹き出しテキストを挿入することができました。改行も可。 自分で仕掛けを持てばブラウザに依存しない動作ができる訳で、さらに研究してみる積りです。きっかけを有難うございます。
関連するQ&A
- クリッカブルマップ＋カーソル変更
私のサイトでは、カーソルを画像に変更して使っていて、リンクに触れるとカーソル画像が変わる、っていう設定にしているんですが、クリッカブルマップで指定したリンクではカーソルが変わりません。 どうすればクリッカブルマップのリンクもカーソルをかえられますか？ ちなみに、カーソルの指定はスタイルシートの外部指定でやっていますが、クリッカブルマップではないリンクでは、ちゃんとカーソルが変わります。
- 締切済み
- HTML
- アイコンやカーソルを変えるには？
私のOSはWindowsXPです。 デスクトップ上にごみ箱などのアイコンがありますよね？それをホームページで見つけたアイコンに変えることはできないのでしょうか？また、カーソルも変えたいのですが・・。
- 締切済み
- Windows XP
- イメージマップでのオンマウス時のカーソルについて
こんにちは。質問お願い致します。 ホームページビルダー7でTOPページをイメージマップで作ったところ、 領域枠クリックでリンク先には飛ぶのですが、 オンマウスしてもカーソルが変わってくれません。 （リンク先だと認識してくれません?） リンク先がjavaの小窓を指定しているから カーソルが変わらないんでしょうか？ タグは<AREA href="javascript:subWin1();" shape="rect" coords="561,27,615,53">になっています。 何か付け足すタグなどありますでしょうか？ カーソルが変わってくれないので、リンクが貼ってあることもわかりづらくて困っています。 お力お貸しください。どうぞよろしくお願い致します。
- ベストアンサー
- その他（インターネット・Webサービス）
- リンクの上にマウスカーソルをあわせると文字が浮き上がるように、、、
おせわになります。 アンカーでリンクを指定し、その上にカーソルを合わせると 文字列が浮き上がるようにしたいのですが hoverを使えばよいのでしょうか? 初心者なのでなかなかうまくいきません。。 よろしくお願いいたします。
- ベストアンサー
- HTML
- 含まれる文字列の検索
ソースコードに「<title></title>」が含まれているhtmファイルを見つけるために、「スタート」→「検索」→「含まれる文字列の検索」に「<title></title>」を指定して検索しても、そのhtmファイルがヒットしません。 同じフォルダーをWin2000で同じ方法で検索するとヒットします。 「含まれる文字列の検索」の検索対象について何か設定があるのでしょうか？
- ベストアンサー
- Windows XP
- 「画像の吹き出し」 方法
お世話になります。ホームページ・ビルダー１０を使ってます。昨日見つけたサイトを本日はどうしても探し出せず、URL を示すことができません。そのサイトの動作は ハイキングコース画像上に ■ 印が点々とあって ■ にカーソルを乗せると文字が吹き出します。カーソルを外すと消えます。 ■ をクリックすると画像が吹き出します。吹き出し枠の右上にある × 印をクリックすると消えます。 小生、文字の吹き出しは <map><area title="吹き出し文字列"></map> でやってますが、（別ページの表示ではない） 画像の吹き出しは初めて見ました。どうすれば実現できるかご教示ください。
- 締切済み
- ホームページ作成ソフト
- HPビルダーイメージマップとロールオーバーについて
カテゴリがあってるかわかりませんが質問させてください。 僕は現在HPビルダー10を使っています。 それで一つの画像へイメージマップを使って6つのコンテンツへ リンクさせる事は今出来ています。 イラストをマップにしているのですがそのイラストにふきだしが追加された 同じサイズの画像へと一つ一つのリンクがカーソルを乗せると切り替わるようにしたいのです。 そこでイメージマップのイベントからOnMouseOverで指定したのですが必ず layers.lenghtはNullまたはオブジェクトではありません。とエラーコードが出てしまいます。 このエラーが出ないようにするには、そして本来の目的である リンクにポインタを乗せると画像が切り替わるようにするには どうすれば良いのでしょうか? 教えてください。
- 締切済み
- JavaScript
- カーソルを当てると文字色が変わる方法は？
よろしく。質問タイトル通りです。リンクの所の文字にカーソルを持ってくると色が変わる方法です。 ホームページビルダー7を使用してます。一応やり方として [表示］－［スタイルシート マネージャー］で表示して、［追加］をクリックし、［スタイルの設定］ダイアログの［HTMLタグの候補］を［マウスが上にあるリンク A:HOVER］を選択し、あとはリンクをポイントしたときに変更させたい色を指定。（［カラーと背景］タブの［前景色］で文字の色が変わるはず。）を設定してOKをクリックしても反映されません。何か、抜けてますでしょうか？
- ベストアンサー
- その他(ソフトウェア)
- テキストのリンク文字にカーソルを載せると横のアイコンが変わる
QNo.3262833で質問した物です。的確な回答をもらったのですが別の疑問が出てきたので、もう一度質問し直した方がいいと思い質問します。 前の質問でアイコンのGIF画像を適当な形にくりぬいて透明にすることで、A:hoverで背景色を指定するだけでアイコンの色を変えれる事がわかりました。 この方法を使って、テキストのリンク文字にカーソルを乗せると、テキストの左にあるアイコンの色を変化させる、というのはできますか？ 前の質問で教えてもらったリンク先のものはテキストの背景自体が変わるので、アイコンだけ変えようとするとアイコンにリンクをつけなければいけなくなり、テキストにリンクをつけることができません。テキストとアイコンにリンクをつけるとテキストの背景にも色が付いてしまいます。 何か方法はありますか？よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- 文字が小さくて困ってます＞＜
文字がとても小さくて困っています。 どのような文字が小さいって言うと。 戻るとか進むとかお気に入りとかの所全部と左下のスタートとか右下の時計とかがとても小さくて見えません＞＜ミリ単位以下の小ささです＞＜ 左下のスタート押したら、IEとかのアイコンはいつも通りなのですがその文字とかが小さすぎて。(゜うェ´。)゜。お気に入りとかツールとかIEのURLとか。 デスクトップを右クリックしても出る文字は全て小さいです。 デスクトップのプロパティ開くとテーマとかデザインとか選ぶのはいつもどおりですけど。その↑の青い枠上?!の文字はミリ単位で見えません＞＜ デスクトップのアイコンはいつもどおりですがその文字はミリ単位です（―ってなってるのがほとんど とても困っています＞＜どなたかわかる方いらしたら教えてください。
- ベストアンサー
- その他([技術者向] コンピューター)
補足
早速のご教示有難うございます。 <a> タグの alt= を title= に置換して、やってみました。できました。感激。手持ちの参考書には "title=" は書かれていませんです。 あと複数行を表示できれば、言うことないのですが。方法はありませんか？ title="１行目 ２行目" としてみましたが、駄目でした。復帰・改行コードを入れた積りです（恥）。