• 締切済み

オンマウスで表示されるコメントを改行する方法

オンマウスで文字を表示させる方法は下記のようだとわかるのですが、 <a href="URLl" title="コメント"> このtitleで出てくる文字を改行したり、 コメントが表示される枠や背景の色を指定する方法がわかりません 検索をかけてもほとんどが、<a href="URLl" title="コメント">やテキストボックスに表示する方だったりで。 どなたかご親切な方教えていただけませんでしょうか。

みんなの回答

noname#100277
noname#100277
回答No.3

所謂「ツールチップ」の事ですね。 2同様CSSとjavascriptで・・・ HTMLだけでは不可能です。 一例。 http://phpspot.org/blog/archives/2008/03/javascriptcss_2.html 他にも「ツールチップ」で検索すると結構参考に成る文献がHITします。

全文を見る
すると、全ての回答が全文表示されます。
  • 756co
  • ベストアンサー率79% (162/203)
回答No.2

title属性で書いたコメントに 背景色や枠をつけることはできません。 リンクにポインタしたとき、背景色や枠を指定したコメントを表示したいのであれば javascriptやスタイルシートなどを用いる方法しかないと思います。

全文を見る
すると、全ての回答が全文表示されます。
  • 756co
  • ベストアンサー率79% (162/203)
回答No.1

title="コメント" ↑このコメントを改行させるには   を使います。 例 : あいう えお しかし、ブラウザによって改行されない場合があります。 この方法でコメント表示する場合、背景色や枠線の変更はできません。 以下のサイトで紹介されている方法なら、 改行も<br />で可能ですし 装飾もスタイルシートを応用すれば簡単にできると思います。 http://copicopi.com/onmousefont.html

参考URL:
http://copicopi.com/onmousefont.html
501s
質問者

お礼

回答ありがとうございます。 紹介して頂いたサイトでは求めている小技がありませんでした。 これは私の説明不足のようです。 >コメントが表示される枠や背景の色を指定する方法がわかりません 上記の意味は、<a href="URLl" title="コメント">●●</a>というタグを利用したときに、 ●●の文字の背景や、ページの背景を変わるわけではなく、 titleで指定したコメントが表示される小窓のようなものをデザイン変更したいのです。 たとえば、オンマウスにすると黒枠・白背景の小窓が出てその中にtitle指定した文字を表示させたいのですが…

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • オンマウスで出てる説明文を非表示にしたい

    IE6を使用しているのですが、オンマウスでテキストボックスのような枠に入った説明文が出てることがあります。 例えばツールバーのボタンも、今はボタン名を表示していないようにしているのですが、 ここにマウスカーソルを乗せるとそのボタン名が出てきます。 ページ本文でもタイトルやアイコンにカーソルを乗せるとその説明やタイトルが出てきたりします。 おそらく製作された方の親切心からだと思うのですが、時々閲覧に邪魔な事があります。 これを一時的に非表示にする方法はあるのでしょうか?

  • オンマウスで出た説明文の色を変えたい

    オンマウスで出た説明文の文字色を変える事は可能なのでしょうか? <a href="サンプル.html"title="オンマウスで説明">タイトル</a> 今こんな感じです。 どこに何をいれればいいのか教えてください。

    • ベストアンサー
    • HTML
  • 改行しないようにするには?

    <html> <head> <title>test</title> </head> <body> <a href="http://www.yahoo.co.jp/">左</a> <div align="right"><a href="http://www.yahoo.co.jp/">右</a></div> </body> </html> このように、リンクを付けた文字列を右と左に表示させたいのですが 画像のように改行されて表示されます。 同じ行に、二つのリンクを表示するにはどうすればいいですか? よろしくお願いします。

    • ベストアンサー
    • HTML
  • オンマウスで画像を別の場所に表示する

    過去ログで似たようなのがあったのですが、 全然わからなかったので、質問しました。 文字オンマウスで、画像を別の場所に表示したいのですが・・ (java~を使わなくてもよいやり方が知りたいです。 java~は使ったことがない初心者ですので。) ちなみに、画像オンマウスで文字を別の場所に表示するのは、 ↓このやり方(html)でできたんですが・・・ <span ID="msg">ここに表示される</span> <a href="ページURL"onMouseOver="msg.innerHTML='表示される文字'"onMouseOut="msg.innerHTML=''"><img src="画像URL" border="0"></a>

    • ベストアンサー
    • HTML
  • ASP C# 改行させたい

    マルチラインのテキストボックスに改行の入った文字列を入力して、そのテキストボックスをセッション変数に入れてからラベルに代入して表示すると改行がされないのですが、なにかいい方法があるのでしょうか?

  • オンマウスで流れる文字

    「リンクがはってある文字列があり、マウスのポインタを  リンクの上にもっていく(onmouseover、a:hover状態)と文字列が左に流れる」 という仕掛けをしたいのですが、方法がわかりません。 携帯でいうところの(au限定)「<div style="white-space:nowrap">オンマウスで文字が流れます</div>(参考サイト…http://htmlcssdesign.no-mania.com/Entry/3/)」状態をPCサイトで表現したいです。 ブラウザが限定されも良いので何か方法はないでしょうか? たとえば、 「<marquee onmouseout=this.stop() onmouseover=this.start()>~</marquee>」を指定しておいて、ページ読み込み時に全Marqueeをストップさせるとか考えたのですが、 恥ずかしながらJavaScriptがあまり詳しくなく、かなり検索してますが 「全Marqueeをストップさせる」方法自体がどうしてもわかりません。 第一「Marquee」ですと、枠の一番右から始まってしまい 「すでに文字列が表示されていて、  マウスを上にもっていくとそのまま左に動き出す」 という形になりません。 「動いてる文字列を止める」というのは沢山見つかるのですが、 「止まっている文字列を動かす」が全くみつかりません。 《html》 <div id="box"> <ul> <li><a href="#">長ーーい文章。長い文章。長い文章。長い文章の終了。</a></li> <li><a href="#">長ーーい文章2。長い文章。長い文章。長い文章の終了。</a></li> <li><a href="#">長ーーい文章3。長い文章。長い文章。長い文章の終了。</a></li> <li><a href="#">長ーーい文章4。長い文章。長い文章。長い文章の終了。</a></li> <li><a href="#">長ーーい文章5。長い文章。長い文章。長い文章の終了。</a></li> </ul> </div> 《CSS》 *{marign:0; padding:0;} div#box{ width:200px; overflow:hidden; } div#box li{ white-space:nowrap } === 上記でいうと、リンクのはられてる文字列「長ーーい…長い文章の終了。」の上に マウスをもっていくとすこしずつ左に流れ始めるイメージです。 何卒よろしくお願い致します。

  • リンクにオンマウスで検索ボックス表示

    おわかりになる方に教えていただきたいのですが、 http://lll.s21.xrea.com/m/s/20.html ような簡単なYahooの検索ボックスをHP上に文字だけ、 たとえばYahooとだけ書いておいてオンマウスすると検索ボックスが 現れるというスクリプトまたはCSSでもできれば、教えていただきたいのですが、いろいろと調べてみたのですが、なかなかこれはないようで。。。 できれば、 http://www.lucky-bag.com/appendix/css-popup/popup.html のようなページで現わすことができれば、(オンマウスなのでマウスオーバーしてまた検索ボックスを消したいのですが、) オンマウスの時だけに検索ボックスが現れるとなると、検索文字を打ち込んでさらに検索ボタンを押さないとならないので、その間に マウスオーバーしてしまったら検索することができなくなってしまうので、元のリンクの文字にある程度くっついていて、上記のページのサンプルのようにオンマウスの間にカーソル移動ができるのであれば 問題はないと思うのですが、難しいのです。 オンマウスで検索ボックスを表示して検索できる、というようなことは可能なのでしょうか? HP内部をすっきりしたいので、たくさんの検索ボックス、GoogleやYahooなど4つも5つもになりますと配置の余裕がなく考えたのもなのですが。。。。 とても困っております、なにとぞよろしくお願いいたします。

  • オンマウスで異なるセルなどの背景を変える方法

    (1)オンマウスで、オンしているセルではないセルの背景画像を変える方法と、 (2)オンマウスで、セルではなく、テーブル自体の背景画像を変える方法を 教えて下さい。 (1) <table><tr> <td>1111</td> ←このセル(文字)にオンマウスして <td>2222</td> <td>3333</td> ←このセルの背景を変える </tr></table> (2) <table background="*****.jpg"><tr> <td>1111</td> ←このセル(文字)にオンマウスしてテーブルの背景を変える <td>2222</td> <td>3333</td> </tr></table> こちらで使用しているブラウザはSafari2.0.4とFireFox3.0.8です。 お願いします。

    • ベストアンサー
    • HTML
  • EXCELのフォームで改行ができない

     EXCELのフォームで改行したいのですが、次のコードで改行しようとしています。  au = "手伝う" & vbCrLf & "手伝う"  TextBox1 = au でテキストボックスに       手伝う       手伝う と表示されて欲しいのですが改行が文字として表示されてしまい改行されません。何故なのでしょうか?テキストボックスのプロパティの問題でしょうか?    

  • <a href=... title="ここ">の部分を改行したい

    質問のとおりですが、 title="ここ" の部分を改行したいのですが・・・ <a href="..." title="ここ はどこ"> のように、途中に \n を入れた所、IEでは改行できましたが FireFoxではゴミ文字が出てしまいました。 正規の改行方法わかるかたいらっしゃいませんか? よろしくお願いします。

    • ベストアンサー
    • HTML