• ベストアンサー

簡単な説明表示

よくアイコン(画像)などにカーソルを置き しばらくするとちょっとした説明が表示される物が ありますよね。画像の場合だと <IMG src="画像のURL" url="説明">でしたっけ? それを文字に置き換えてやりたいのです。 文字のところに触れると出るようにしたいのです。 例で言えば・・・ イラストサイトで「ひまわりと少年」という所に カーソルを置くと「男の子描きました」と出る。 で、その「ひまわりと少年」の部分をクリックすると そのイラストのページにいける・・・と。 こんな感じにしたいのですが出来ますか? 説明下手ですいません。ビルダーで製作しているので タグのことはまだまだ初心者ランクです(泣) それともう1つ。この説明の文は改行することは 可能でしょうか?宜しく御願いします。

noname#3528
noname#3528
  • HTML
  • 回答数9
  • ありがとう数3

質問者が選んだベストアンサー

  • ベストアンサー
回答No.9

<FONT TITLE="「男の子 描きました」">ひまわりと少年</FONT> ふつうにフォントに説明を付ける場合はこれでOKです。 (ちなみに   ←が改行のタグ。 これにリンクを付けたい場合は、 <A HREF="飛ぶページ.html"><FONT TITLE="「男の子 描きました」">ひまわりと少年</FONT></A> もしくは <A HREF="飛ぶページ.html" TITLE="「男の子 描きました」">ひまわりと少年</A> ですね。でもこのタグがどこまでブラウザに対応しているのかはあたしもよくわかりません。

その他の回答 (8)

  • mikimiki7
  • ベストアンサー率47% (32/68)
回答No.8

<A href="gazou.html"><IMG src="sample1.jpg" border="0" alt="男の子描きました 画像をクリックして下さい"></A> ただ、タグのみでの方法では、NNでは改行無視だったと記憶しています。 IE・NN両方に対応しての改行つきポップアップとなると、JAVASCRIPTなら大丈夫だったと思います。

  • ittochan
  • ベストアンサー率64% (2667/4137)
回答No.7

Netscape7でも出来たけど 複数行はNetscape7じゃ駄目でした。 できるのかな?

  • mudpup
  • ベストアンサー率41% (17/41)
回答No.6

JavaScriptでいいのでしたら、参考URLをご覧になってください(サンプルページにいったら、真ん中らへんにある「ALTTXT Description」と書かれているURLにマウスを乗せてみてください)。 このサンプルは改行もありみたいですね。 JavaScriptをHTMLに入れる方法が分からなかったら、また聞いてください。 Enjoy! -mp

参考URL:
http://www.dynamicdrive.com/dynamicindex5/popinfo3.htm
  • Paul_xxx
  • ベストアンサー率56% (27/48)
回答No.5

以下のようにしてください <span title="ここに説明文">「ひまわりと少年」</span> これでできるはずです。 ここに説明文 というのがポップアップされます。 改行の方法は私もいろいろ試しましたけど分からないです。

  • ittochan
  • ベストアンサー率64% (2667/4137)
回答No.4

>部分をクリックすると >そのイラストのページにいける・・・と。 ページに飛ぶのね <IMG src="sample1.jpg" ><BR> <A href="イラストのページ.htm" title="男の子描きました その男の子は僕です">ひまわりと少年</A> こう? 私のではうまくいったんですが、 InternetExplorerオンリーなのかな?

noname#3361
noname#3361
回答No.3

文字ではできないはずです。

  • ittochan
  • ベストアンサー率64% (2667/4137)
回答No.2

テキストにポップアップを出すんですね? そのポップアップを複数行にしたいんですね? <IMG src="sample1.jpg" ><BR> <A href="sample2.jpg" title="男の子描きました その男の子は僕です">ひまわりと少年</A> どう?

  • ramuta
  • ベストアンサー率32% (74/227)
回答No.1

<img src="画像" alt="説明"> の事ですか?

関連するQ&A

  • 大きい画像を横に並べる方法

    自身のイラストサイトを作っているのですが、分からないことがあります。 イラストをimg srcタグで次々に横に並べて、 横スクロールバーでイラストを見ていく というデザインにしたいのですが、 (<img src=""><img src=""><img src="">…というふうに) 1つ500ピクセルくらいの大きさのあるイラストを並べるので、 勝手に次の画像が改行?されてしまいます。 画像がずれることなく、横スクロール内に収められる方法はありませんか? ホームページ作りに関してはあまり知識はないのですが、 どなたかご存知の方いらっしゃいましたら、よろしくお願いします。 ちなみに使っているサーバーはロリポップです。

  • 画像にカーソルで文字を

     gooブログを最近始めました。画像にカーソルを載せると文字が出るようにする為、 <img src="画像URL"alt="文字"></a> (<>は半角です) と入力したら、プレビューでは、なるんですが、UPした時表示されません。他の方がしたらなるそうです。URLを入力したらsrcが改行されます。どこが間違っているのかどなたか教えて頂けませんでしょうか

  • css 画像を表示・設定

    cssでimgタグを使って画像を表示させたいのですが、 css内でsrcは使えないのでしょうか? img{ background-image:url( http://orange.jpg ) } このような書き方しかできないのでしょうか? 上記の書き方だと、画像の周りに線ができて、更にhtmlソース内のaltの文字まで表示されてしまいます。

    • ベストアンサー
    • HTML
  • HTMLのタグ内をすべて大文字・小文字に変換

     Windowsのフリーソフトで、HTMLのタグだけに限定して大文字・小文字に変換できるソフトってありますか?  例えば、大文字に変換させたいなら、 <img src="image/image.gif" alt="イラストです。" width=100 height=100>  というタグを <IMG SRC="image/image.gif" ALT="イラストです。" WIDTH=100 HEIGHT=100>  というように変換させたいのです。URLなどは変換せずに、あくまでタグだけです。  作っているページが統一性無いため、全部統一させたいので……  そういった機能のついたソフトはないでしょうか。出来れば、レジストリをいじらないものがいいです。  よろしく、お願いします。

  • 画像タグについて

    画像タグについて テキストエディタにHTML(タグ)を入力してホームページの作成を目指して勉強しています。 ボタンの画像を横一列で4つ並べる場合のでタグの入力の仕方なんですが、 使用しているテキストでは改行せずに横に並べてタグを入力していきましょう。 となっています。 正解→<img src="A" ><img src="B" ><img src="C" ><img src="D" > 不正解↓ <img src="A" > <img src="B" > <img src="C" > <img src="D" > 理由としてはブラウザできれいに表示されるからだそうです。 実際にやってみると確かに不正解パターンより正解パターンの方がブラウザで隙間なくきれいに表示されています。 疑問なのですが、同じタグを縦で入力するか横に入力するかで なぜ、ブラウザの表示に違いで出るのでしょうか? また、<img src="" >タグ以外でも,改行しないで横に入力するタグはあるのでしょうか? それはどうやって見分けるのでしょうか? よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • HTMLのIMGタグについて

    HTMLのimgタグで(1)と(2)のようにした場合、表示が異なります。 (1)のほうが画像間のスペースが広くなります。また(2)の場合でも ほんの少しスペースが開くようです。 (1) <img src="image1"> <img src="image2"> (2) <img src="image1"><img src="image2"> HTMLは文章の構造タグなので(1)でも(2)の場合でも、改行は関係ないので 同じ表示になるべきなのではないでしょうか? なぜ異なった表示になるのでしょうか。 また画像間のスペースを0にしたいのですが、何か方法を教えてください。

    • ベストアンサー
    • HTML
  • ブログに画像を張りたいのですが・・・。gooブログです。

    ブログに画像を張りたいんですが出来ません。 「画像を選択」とかじゃなくて画像を普通に張りたいんです。 ”みんなのタグ辞書”では <Img Src="画像URL"> と書いてあるんですが その画像URLが分からないんです。 説明が分かりにくくてスイマセン。 誰か、教えて下さい。

  • オンマウスすると、画像と説明が表示される

    <img src="" alt="AAA"> という画像にポインタを合わせると、 「AAA」という文字が現れますが、こういう感じで文字にポインタを合わせたら、 そこに画像と説明文を表示したいと思っています。 具体的には <a href="">Aさんブログ</a> この「Aさんブログ」の部分にポインタを合わせると、クリックする前に大まかなAさんブログの画像と 説明文が表示される・・・という感じです。 わかりにくくて申し訳ありませんが、よろしくお願いします。

  • バナーの画像がblogで表示されない

    HPを開設し、ブログにリンクするようにしています。 HPのバナーを創ったので、HP内のリンクページに貼りました。 こちらは何とかうまくいったのですが、 blogの方が、画像が出ません「×」になっています。 タグは以下です。これでHP内は見えます。 (1)どんな原因が考えられるでしょうか。 (2)img srcのところ、「..」でなく先のURLにすると画像がグレーになります。なぜでしょうか? <a href="URL"><img src=" ../images/banner.gif" width="88" height="31" alt="テキスト" /> なお、別のブログ検索サイトのバナーは、そこが用意していたタグを 貼り付け、簡単にできました。よろしくお願いします。

  • ブログで改行が入って表示出来ません

    FC2ブログを始めて約1ヶ月です ただ、パソコンやネットの知識は、ありますが ブログやタグは初心者です それで、改行が入って表示出来ないって言うのが 実は、下記の様な配置で作りたいんですが 文章   文章 画像の名前   画像の名前   画像      画像   文章   動画の名前   動画 画像の名前の上が1行分改行が多く 動画の名前の直ぐ下に、動画を持って来たいのに 1行多く入って動画の配置に、なるんです こういう配置に、なってしまいます   文章   文章 画像の名前   画像の名前   画像      画像   文章   動画の名前   動画 そしてタグなんですが 文章 <TABLE border="0"> <TBODY><TR><TD><center>画像の名前</center><a href="画像URL" target="_blank"><img src="画像URL" alt="ブログに保存してる画像名" border="0" width="幅の数字" height="高さの数字" /></a> </TD> <TD width="40"></TD> <TD><center>画像の名前</center> <a href="画像URL" target="_blank"><img src="画像URL" alt="ブログに保存してる画像名" border="0" width="幅の数字" height="高さの数字" /></a> </TD> </TR></TBODY></TABLE> 文章 動画名 <script type="text/javascript" src="http://blog93.fc2.com/fc2video.php?id=2009080790VzKKeq"></script> こういう感じで 改行せずに付けたい所はタグと文章同士も付けてるんですが それでも改行に、なってると言う訳です これは、どうしてなんでしょうか? それと、以前に、これでタグの勉強すれば? と、こういうHPを教えて頂きました http://www.tagindex.com/html_tag/table/index.html 但し、このHP タグの解説は、してますが タグと文字の解説だけなんで、解説を読んでもイメージしか浮かばず 実際の反映具合が分かりません つまり、英語で言うと文章の解説だけ載ってて 反映具合が分からない… それで、今私がブック(ブックマーク)に入れてるのが こういうHPで、ここは反映具合も載ってますが http://www3.ocn.ne.jp/~uri-o313/yumesato/tag/index.html http://www.d3.dion.ne.jp/~tiyoko01/cho-3.html これは英語で言う所の単語の解説だけです 従って、ここの様に文章が載ってて http://www.tagindex.com/html_tag/table/index.html 反映具合も載ってるHPは御存じ無いでしょうか?