よくアイコン(画像)などにカーソルを置き
しばらくするとちょっとした説明が表示される物が
ありますよね。画像の場合だと
<IMG src="画像のURL" url="説明">でしたっけ?
それを文字に置き換えてやりたいのです。
文字のところに触れると出るようにしたいのです。
例で言えば・・・
イラストサイトで「ひまわりと少年」という所に
カーソルを置くと「男の子描きました」と出る。
で、その「ひまわりと少年」の部分をクリックすると
そのイラストのページにいける・・・と。
こんな感じにしたいのですが出来ますか?
説明下手ですいません。ビルダーで製作しているので
タグのことはまだまだ初心者ランクです(泣)
それともう1つ。この説明の文は改行することは
可能でしょうか?宜しく御願いします。
No.9ベストアンサー
- 回答日時:
<FONT TITLE="「男の子
描きました」">ひまわりと少年</FONT>
ふつうにフォントに説明を付ける場合はこれでOKです。
(ちなみに
←が改行のタグ。
これにリンクを付けたい場合は、
<A HREF="飛ぶページ.html"><FONT TITLE="「男の子
描きました」">ひまわりと少年</FONT></A>
もしくは
<A HREF="飛ぶページ.html" TITLE="「男の子
描きました」">ひまわりと少年</A>
ですね。でもこのタグがどこまでブラウザに対応しているのかはあたしもよくわかりません。
No.8
- 回答日時:
<A href="gazou.html"><IMG src="sample1.jpg" border="0" alt="男の子描きました
画像をクリックして下さい"></A>
ただ、タグのみでの方法では、NNでは改行無視だったと記憶しています。
IE・NN両方に対応しての改行つきポップアップとなると、JAVASCRIPTなら大丈夫だったと思います。
No.6
- 回答日時:
JavaScriptでいいのでしたら、参考URLをご覧になってください(サンプルページにいったら、真ん中らへんにある「ALTTXT Description」と書かれているURLにマウスを乗せてみてください)。
このサンプルは改行もありみたいですね。 JavaScriptをHTMLに入れる方法が分からなかったら、また聞いてください。Enjoy!
-mp
参考URL:http://www.dynamicdrive.com/dynamicindex5/popinf …
No.5
- 回答日時:
以下のようにしてください
<span title="ここに説明文">「ひまわりと少年」</span>
これでできるはずです。
ここに説明文 というのがポップアップされます。
改行の方法は私もいろいろ試しましたけど分からないです。
No.4
- 回答日時:
>部分をクリックすると
>そのイラストのページにいける・・・と。
ページに飛ぶのね
<IMG src="sample1.jpg" ><BR>
<A href="イラストのページ.htm" title="男の子描きました
その男の子は僕です">ひまわりと少年</A>
こう?
私のではうまくいったんですが、
InternetExplorerオンリーなのかな?
No.2
- 回答日時:
テキストにポップアップを出すんですね?
そのポップアップを複数行にしたいんですね?
<IMG src="sample1.jpg" ><BR>
<A href="sample2.jpg" title="男の子描きました
その男の子は僕です">ひまわりと少年</A>
どう?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(ブログ) シーサーブログのタイトル文字位置とブログ説明文字位置の変更方法 2 2022/09/22 20:55
- その他(プログラミング・Web制作) このWEB用語、WEB文章、意味が分かりますか? 理解できない人が多いようなんですが・・・ 7 2022/10/22 09:13
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- その他(スマホアプリ・スマホゲーム) アプリをスマホにダウンロード、インストールする方法 3 2022/08/13 11:26
- AJAX 自作の地図をグーグルマップのようにしたい 3 2022/11/15 11:53
- HTML・CSS 要素の幅をいろんな写真の幅に合わせたい。 1 2022/07/25 20:11
- その他(ブラウザ) 上手く説明出来るか分かりませんが、知り合い、知人、サイトからの案内のURLをクリックすると画面がかわ 2 2022/08/23 06:16
- gooブログ Twitterの動画画面をgooブログに埋め込めない 4 2022/06/03 16:40
- 英語 「this is the/my first time~」の文法上の制約について 1 2023/04/06 09:48
- pixiv pixivのマンガの検索結果はイラストに含まれますか? 1 2023/06/01 07:54
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テキストエリア内の改行禁止
-
H1タグに改行の<br>を使う
-
preタグがプロの現場であまり使...
-
<a href=... title="ここ">の部...
-
長いURLを途中で改行(折り返す...
-
テーブルの幅を固定するとnowra...
-
Title表示時間の調節は?
-
「:」について
-
<br />タグの、brの後の半角ス...
-
ブラウザでのタイ語の改行について
-
Windowsのformでtextareaに入力...
-
文章改行で出来る半角スペース...
-
iframe内で、指定文字数での改行
-
\\n \\r \\t について
-
シェルで特定の文字が消える
-
HTMLソースの質問
-
mailto:のリンクで、本文を改行...
-
XMLの改行方法とリンクの仕方
-
テキストエディタで文字列を揃える
-
PCの画面を縮小したらサイズ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テキストエリア内の改行禁止
-
H1タグに改行の<br>を使う
-
テーブルのセルデータを自動改...
-
長いURLを途中で改行(折り返す...
-
テーブルの幅を固定するとnowra...
-
改行できる・できない入力ボッ...
-
\\n \\r \\t について
-
テーブル内の文字列を改行させたい
-
preタグがプロの現場であまり使...
-
テキストエリア内の改行もその...
-
「:」について
-
PCの画面を縮小したらサイズ...
-
htmlで文字列をクリップボード...
-
<br />タグの、brの後の半角ス...
-
<TD><input type="text"></TD>...
-
XMLの改行方法とリンクの仕方
-
html上で改行するとスペースが...
-
<br style="clear:both;">って...
-
mailtoで本文に改行を入れたい
-
文章改行で出来る半角スペース...
おすすめ情報