メニューのとこで、ホームやプロフィールのとこにマウスをあてたら手形になってその下からそのメニューの説明がでてきますよね?その説明がでてくるやつをなんて言うんですか?それからその説明が出るようにしたいんですか、やりかたを教えてください!おねがいします!

このQ&Aに関連する最新のQ&A

A 回答 (3件)

名前はツールチップといいます。



リンク以外のところで表示させたい場合はこのページが参考に
なると思います。
http://tohoho.wakusei.ne.jp/html/attr/title.htm
    • good
    • 0

こんばんわ!


<A>タグに TITLE="" を加えてみてはどうでしょう?
具体的には
<A HREF="http://www.goo.ne.jp/" TITLE="検索サイト">gooへ</A>
として、マウスを持ってくると「検索サイト」と説明がでます。

これの名前は…なんでしょう(笑) そのまま「タイトル」とでも。。。
    • good
    • 0
この回答へのお礼

やってみます!ありがとうございました!!

お礼日時:2002/02/16 21:43

えっ?そうなるんですか?


私が管理しているホームページではならないですよ?

と,意地悪しても仕方が無いので・・・。

あのですね,たぶん,その部分と言うのは,画像が貼り付けられていて,画像にリンクが貼ってある状態だと思います。
もし,画像であるのなら,それは「代替テキスト」です。でも,ブラウザによってはこれが出ない場合もあります。

やり方は,「ホーム」や「プロフィール」と書かれた画像を用意し,画像をページに貼り付けます。
そのときのタグは,

<IMG src="FILE名" width="数字" height="数字" border="0" alt="代替テキストをここに書く">

です。
これを囲むようにリンクのタグを入れれば出来上がりです。

HTMLでは,たぶん,これ以外に方法は無いと思います。
あとは,JAVA scriptを使うとかかな?こっちはやったことが無いのでわからないです。
    • good
    • 0
この回答へのお礼

gooの簡単ホームページから作ったのでそこから作った人はたぶんそうなると思います。細かい説明ありがとうございました!

お礼日時:2002/02/16 21:41

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

このQ&Aと関連する良く見られている質問

Q★メニューバー(BBS・プロフィール等)について★

よく、画面の左側に「メニュー」を付けているHPを
見かけるのですがどの様にHTMLを書くとなるのでしょうか??
gooの簡単HPを例に取ると解るかと想うのですが・・・
(@_@)左側にMAIN・BBS・LOGなどがあるアレです!!
解りにくい質問だと想いますがご存じの方、回答お願い
しますm(__)m

Aベストアンサー

フレームを利用しています。
参考URLをどうぞ。

参考URL:http://tohoho.wakusei.ne.jp/html/frameset.htm

Qよく文章中に、アンダーラインがあって、その部分にマウスをあてると、小さな別ウインドウ、、、、

よく文章中に、アンダーラインがあって、その部分にマウスをあてると、小さな別ウインドウが開いて、説明文が表示されているページを見かけますが、、、、
わたしは、HPビルダー6,5ですが、リンクをはる部分で別ウインドウ指定すれば、確かに、別ウインドウが立ち上がりますが、サイズがすごく大きいし、また、その、別ウインドウの中にどうやれば文字の記入が出来るのかなとも思うし、、、すいません、ご教示いただければ、、、

Aベストアンサー

別ウィンドウ 小窓のことですね。
あれはJavaスクリプトを使って実現しています。

元の親ウィンドウに下記の内容を記述
<head>~</head>の間に記述して下さい。
--------------------------------------------
<script language="javascript">
 <!--
  function mini_window(filename,we,he){
  var mini_window;
  mini_window = window.open(filename,'mini_open',scrollbars=0,toolbars=0);
  mini_window.resizeTo(w,h);
  mini_window.moveTo(0,0);
  mini_window.focus();
}
//-->
</script>
--------------------------------------------
そんでリンク部分に下記のように記述
--------------------------------------------
<a href="javascript:mini_window('xxx.html','300','200');">リンク</a>

↑↑↑↑↑↑↑↑↑↑↑↑↑

[xxx.html]は小窓で表示させるページのファイル名
[300]小窓の横のサイズ
[200]小窓の縦のサイズ
※自分の表示したいよに変更してお使いください

別ウィンドウ 小窓のことですね。
あれはJavaスクリプトを使って実現しています。

元の親ウィンドウに下記の内容を記述
<head>~</head>の間に記述して下さい。
--------------------------------------------
<script language="javascript">
 <!--
  function mini_window(filename,we,he){
  var mini_window;
  mini_window = window.open(filename,'mini_open',scrollbars=0,toolbars=0);
  mini_window.resizeTo(w,h);
  mini_window.moveTo(0,0);
  mini_window.focus();
}
...続きを読む

Qメニューにポインタを合わせたらその写真が出てくるHTML?

お世話になっています。よろしくお願いします。

只今、インターネットショップでホームページを作成中なのですが、プログラムについて教えてください。
説明が少し難しいと思い下のような図で説明を聞いてください。
下の図のように服に関するメニューを作るのですが、
もしメニューの所にポインタを乗せると上の枠に各メニューに合った画像が出てくるにはどのようにすればよいのでしょうか?
例えば、[トップ]ならトップの用意した画像が出て、次にキャミソールにポインタを合わしたらキャミソールの服の画像が出てくるみたいなことをしたいです。
よろしくお願いします!


■■■■
■     ■
■    ■
■    ■
■■■■
[アンダー]
[トップ]
[スカート]
[キャミソール]
[ベスト]

Aベストアンサー

JavaScript の onmouseover で画像をチェンジする方法になりますね。

過去の自分の回答で恐縮ですが、少しでも参考になっていただければ嬉しいです。

http://okweb.jp/kotaeru.php3?q=922297

参考URL:http://okweb.jp/kotaeru.php3?q=922297

Q表を作ってその中にメニューを表示させたいのですが・・・

いつもお世話になってます。今回また質問なのですが宜しくお願いいたします。
http://www.pixel.co.jp/index.htmlのHPからたて型メニュー1を頂いての事なんですがメニューの位置をleftとtopからのピクセルを指定して位置を決めるのですがこれを表の中に表示させようとしたらどうしたらどうしたらよいでしょうか?(チャレンジしてみたのですが表を無視してメニューが表示されます。・・・枠の中に入らない)以上宜しくご指導お願い致します。

Aベストアンサー

<TABLE>タグで囲ってもテーブルの中に入らないのを、テーブルの中に
入るようにしたいと言うことでよろしいのでしょうか。

>http://www.pixel.co.jp/index.html
参考URLの記述を参考に修正個所を書きます。

1.<BODY>タグの後に<TABLE>タグを挿入してください。
2.<DIV>タグの前に<TR>タグを挿入してください。
3.</DIV>タグの後に</TR>タグを挿入してください。
4.<DIV>タグを<TD>タグに書き換えてください。
5.</DIV>タグを</TD>タグに書き換えてください。
6.</BODY>タグの前に</TABLE>タグを挿入してください。

これで、各<DIV>タグはテーブルのセルになりましたので。
テーブルに入った状態になります。
この囲ったテーブルは、メニュー用なので全体のテーブルの
セルに配置するときは、1~6を一塊で入れてください。

注:<DIV>をセルにしているのでテーブルのBorderは0にして下さい。

修正例:
<BODY onresize="location.reload()" background="image/w6b.gif">
<TABLE border=0>
<TR>
<TD CLASS="main" ID="Menu0" style="position:absolute; left:20; top:20">
<IMG name="btn0" src="image/m_none.gif">
<A href="index.html" target="_top">
 トップページ
</A></TD>
</TR>
</TABLE>
</BODY>

これで、如何でしょうか。

<TABLE>タグで囲ってもテーブルの中に入らないのを、テーブルの中に
入るようにしたいと言うことでよろしいのでしょうか。

>http://www.pixel.co.jp/index.html
参考URLの記述を参考に修正個所を書きます。

1.<BODY>タグの後に<TABLE>タグを挿入してください。
2.<DIV>タグの前に<TR>タグを挿入してください。
3.</DIV>タグの後に</TR>タグを挿入してください。
4.<DIV>タグを<TD>タグに書き換えてください。
5.</DIV>タグを</TD>タグに書き換えてください。
6.</BODY>タグの前に</TABLE...続きを読む

Q既存のメニューにプルダウンメニューを追加したい

下記のサイトのショッピングのメニューに、添付画像のようなプルダウンメニューを追加したいのです。
http://www.chanvre.jp/index.html

現在は全メニュー、画像配置のオンマウス設定になっています。
ネットなどで調べて修正などしてみましたが、なかなかうまくいかず
こちらに相談しました。
よろしくお願いします。

Aベストアンサー

いずれもナビゲーションリンクですから、ulないしolでマークアップすべきです。
二列目になるものも同様にabsoluteで指定すればよいです。
このときMacとWinというより、ブラウザによってずれるのは、箇条書きのmarginとpaddingが違うからです。
 olやulにpadding-leftで字下げをしているものも、liのmargin-leftで字下げしているものも表示結果は同じですが、CSSで、li{margin:0;}と一方だけ設定するとmarginで字下げしているブラウザには有効ですが、ol.ulにpaddingで字下げしているブラウザには効果がないということです。
 そのため、ナビゲーションリンクであるliを指定するときは
<div class="nav">
 <ul>
  <li><a href=""></a></li>
  <li><a href=""></a></li>
  <li><a href=""></a></li>
 </ul>
</div>
というマークアップの場合
div.nav ol,div.nav ul,div.nav li{
 list-style:none;
 margin:0;
 padding:0;
 display:block;
}
などとして、これらの設定をクリアしておきます。
※list-styleをul,olだけでなくliについてもlist-style:none;が必要なブラウザがある。
※marginやpaddingはいったん0にしておく。
※div.navの傘下の箇条書きのみを子孫セレクタで指定しておく

 たぶんそれで、ブラウザによるずれは回避できるはずです。

いずれもナビゲーションリンクですから、ulないしolでマークアップすべきです。
二列目になるものも同様にabsoluteで指定すればよいです。
このときMacとWinというより、ブラウザによってずれるのは、箇条書きのmarginとpaddingが違うからです。
 olやulにpadding-leftで字下げをしているものも、liのmargin-leftで字下げしているものも表示結果は同じですが、CSSで、li{margin:0;}と一方だけ設定するとmarginで字下げしているブラウザには有効ですが、ol.ulにpaddingで字下げしているブラウザには効果がないとい...続きを読む


このカテゴリの人気Q&Aランキング

おすすめ情報