- 締切済み
<a title="xxx">のマウスオーバーで改行させたい
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- yambejp
- ベストアンサー率51% (3827/7415)
「title 改行 firefox」でぐぐってみてください
関連するQ&A
- <a href=... title="ここ">の部分を改行したい
質問のとおりですが、 title="ここ" の部分を改行したいのですが・・・ <a href="..." title="ここ はどこ"> のように、途中に \n を入れた所、IEでは改行できましたが FireFoxではゴミ文字が出てしまいました。 正規の改行方法わかるかたいらっしゃいませんか？ よろしくお願いします。
- ベストアンサー
- HTML
- 文字にマウスオーバー→フォームに説明が出るhtml
文字をマウスオーバーすると、フォームに説明（文字）が出るHTMLを教えて下さい。 http://non.chu.jp/-html/link_title3.html のサイトの、フォームの大きいもの（改行とかができるぐらい）で、 リンクではなく文字でマウスオーバーさせて説明を表示させるタグがあったら教えて下さい。 説明も改行出来ると嬉しいです。わかりにくくて申し訳ないです。。。
- 締切済み
- その他（インターネット・Webサービス）
- ＩＥ CSSマウスオーバー背景イメージ表示ズレ
CSSを使ってリンクをマウスオーバーしたら左側に配置してある背景イメージをずらしたいと思って以下のように記述しました。 IEは日本語だとちゃんと意図とおりに動いてくれるのですが、英語(半角英数)にすると通常の状態で少し上の方に背景イメージがずれて、本来マウスオーバー時に出現してほしいところがはみ出てきてしまいます。 つまり英語と日本語で表示位置にズレが生じてしまっています。何か対策を知っている方はいますでしょうか？ ちなみにfirefoxでは日本語英語ともに差異なく意図したとおりに表示してくれます。 CSS↓ a.btn{padding: 1px 0px 1px 13px;background: url("img.gif") no-repeat left top;} a:hover.btn{background-position: left -13px;} a:active.btn{background-position: left -26px;} HTML↓ <a href="index.html" class="btn">テスト</a> 環境 windowsXP firefox2.0.0.14 IE7
- ベストアンサー
- HTML
- Javascriptのマウスオーバー
Javascriptでのマウスオーバーで、Mapを使って画像上に範囲指定しているリンク範囲にボーダーを表示させたいと考えています。 HTMLは、 <html> <head> <title></title> </head> <body> <img src="aaa.gif" border="0" usemap="#Map"> <map name="Map"> <area shape="rect" coords="78,200,228,241" href="bbb.html"> <area shape="rect" coords="326,168,476,209" href="ccc.html"> <area shape="rect" coords="78,141,228,182" href="ddd.html"> </map> </body> </html> このようになっています。 この状態で、マウスオーバー時にリンク範囲をボーダーで囲みたいと思っています。 JavascriptやCSSとの組み合わせ等でいろいろ探してみたのですが、どうしても上手くいきませんでした。どうしたらいいのか教えて下さい。 また、JavascriptやCSSでなくとも同じ事が出来るのでしたら、それで構いません。 どうか宜しくお願い致します。
- 締切済み
- JavaScript
- マウスオーバーの合体
マウスオーバーのプルダウンメニューと マウスオーバー画像変更スクリプトを組み合わせることは可能なのでしょうか？ イメージとしては所期画面に画像Ａがあり、マウスを載せると画像Ａが画像Ｂになり、 更に画像Ｂの下にプルダウンメニューが表示されるイメージです。 尚、現在は以下の組み合わせがうまくいかない為（不可能？） 個々にスクリプトを記載しておきます。 ↓↓↓↓↓↓マウスオーバーのプルダウンメニュー↓↓↓↓↓↓ <html> <head> <script language="JavaScript"><!-- vType = ["hidden","visible"]; function pdMenu(mName) { Menu = document.all[mName].style; Menu.visibility = vType[Menu.visibility.indexOf("hidden") + 1]; } // --></script> </head> <body> <img src="main.png" onMouseover="pdMenu('Menu')"><br> <div id="Menu" style="visibility:hidden" onMouseout="pdMenu('Menu')"> <a href="http://www.yahoo.co.jp/" ><img src="sub01.png" border="0"></a><br> <a href="http://www.google.co.jp/"><img src="sub02.png" border="0"></a><br> </div> </body> </html> ↑↑↑↑↑↑マウスオーバーのプルダウンメニュー↑↑↑↑↑↑ ↓↓↓↓↓↓マウスオーバー画像変更スクリプト↓↓↓↓↓↓ <img border="0" src="main.png" onmouseover="this.src='main2.png'" onmouseout="this.src='main.png'"> ↑↑↑↑↑↑マウスオーバー画像変更スクリプト↑↑↑↑↑↑
- 締切済み
- JavaScript
- areaタグのマウスオーバー時に枠線
HTML上に <area href="a.htm" shape="rect" alt="四角形" coords="1,1,2,2"> のように四角で囲んだところをリンクにすることはできますが、 なおかつ、マウスオーバーしたときに、 四角の部分を色の枠線で囲むことは可能でしょうか？
- ベストアンサー
- HTML
- なぜ？マウスオーバーで1pt位置がずれる
こんにちは。 CSSでマウスオーバーの指定をしたのですが、WindowsのIE6だけがマウスオーバー時に1ptだけ上に上がってしまします。 （Mac.Winのfirefox,safariは問題ありませんでした。） マウスオーバーの指定は /* サイドナビ---------------- */ #contents #sidenavi li#title { background: url(images/btm_c_home.gif) no-repeat right; padding: 0px; } /* サイドナビ---------------- */ に対して /*サイドナビボタンロールオーバー*/ #contents #sidenavi li#chome a:hover{ background: url(images/btm_c_home_ov.gif) no-repeat right; } /*サイドナビボタンロールオーバー*/ というようにa:hoverで指定しています。 透過gifでメニューボタンを作っているので、バックにマウスオーバー時には通常のボタン画像が見えてしまってかっこわるいです。 オーバー時に動かないようにしたいのですがどうしたら良いでしょうか？
- ベストアンサー
- HTML
- <a href>ブラウザ毎の対応について
HTML初心者です。 自作べた打ちでHTMLを書いてアップしたのですが、Googleクロームで確認したところ<a href>で記載したリンクが開きません。 Googleクロームの他、IE、firefoxで確認しましたが、きちんとリンクが開くので読みこめていると思います。 ちなみに「Ctrl+クリック」を試したところ「無題」となってしまいました。 何かHTML上で設定をする必要があるのでしょうか？ お分かりになる方いらっしゃったら、教えていただけると助かります。 よろしくお願いします。
- ベストアンサー
- HTML
- マウスオーバーでページ背景を変更
似たような質問が無いか探したのですが、見つからずもし同様のものがありましたら申し訳ございません。 テキストリンクに対し、マウスオーバーで背景に画像を表示させたいです。 例）<a href="img.html">こんにちわ</a>⇒"こんにちわ"をマウスオーバーで背景に「img.jpg」というファイルをページ背景に表示させる。 よろしくお願いします。
- 締切済み
- HTML
