- ベストアンサー
target=”_blank” が効きません
<body> <ul><li><a href="○" target="_blank">リンク</a></li></ul> </body> 上記のように、<a>～</a>を<ul>～</ul>で囲うとtarget="_blank"が効きません。 <a>～</a>を<p></p>など他のタグで囲った場合は効きます。 <ul>～</ul>で囲った場合だけ効きません。 どんな原因が考えられるのでしょうか… ulにかけているcssの中にtarget="_blank"を殺すような記述が入ってしまっているのでしょうか。 そんなcssありますか？ 目的はリンクを別窓で開きたいだけです。 ヒントをいただけますと助かります。
- nini11011
- お礼率26% (4/15)
- CSS
- 回答数1
- ありがとう数11
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
ブラウザを変えて1通り動作チェック。話はそれからだ。 P.S. 最近のブラウザはセキュリティチェックが高く設定されてるので、別窓リンクを「ポップアップ」と見なして自動的にブロックする機能がDefaultで働いてる事もある。 他には同時に別の何かJavascriptが裏で走ってる場合、上手くリンクが機能しないと言う事例をgoogleのフォーラムで見た覚えあり。何か心当たりは？ 考えられる要素を全て書き出し、それを愚直に1個1個ずつ潰していくしか方策は無い。Try＆Error
関連するQ&A
- target="_blank" にしていないのに…
HTMLの記述でtarget="_blank" にしていないのに、 リンク先が別ウインドウ（もしくはタブ）で展開してしまいます。 ひとつのHTMLページで、特定のアンカーに対してだけこの現象が起きます。 たとえば、 <p><a href="aaa.html">aaa</a></p> <p><a href="bbb.html">bbb</a></p> <ul> <li><a href="ccc.html">ccc</a></li> <li><a href="ddd.html">ddd</a></li> <li><a href="eee.html">eee</a></li> </ul> という記述をしたとして、 aaaおよびbbbに関しては現在開いているウインドウ（タブ）でリンク先を開くのですが、 ccc、ddd、eeeに関しては別タブで開いてしまいます。 主に使っているブラウザはFirfox3.6で オプションで「別ウインドウではなく別タブで開く」にチェックしています。 IE9で同じ操作をしたらccc、ddd、eeeともに同一ウインドウで開きました（HTML記述通りの挙動）。 また、GoolgleChomeでも試しましたがFirefoxと同じく別タブで開く動作でした。 アンカーをクリックしたときの動作は、 targetを指定しないときはtarget="_self"と同等だと思っていましたが違うのでしょうか？ お詳しい方、ご教授いただければと思います。
- ベストアンサー
- HTML
- p target とは
<p target="_blank"><font color="#ff00ff" size="4"><a href="リンク先"></a> <img alt="表示" src="faile address.gif" /> </font></p> の意味を教えていただけませんでしょうか。 いろいろなサイトのソースを見て勉強させていただいてるんですが、後ろのアドレスにターゲットブランクを入れると別窓表示というのは知っていました。でもあるサイトで上記のようなタグが入っており、 ブラウザで見るとfaile address.gifの画像がでてるだけで クリックしてもリンク先が表示されないし このタグのすぐ下にテキストリンクでリンク先が <a href="リンク先">リンク先</a>のように のっています。 これはどういう意図のタグになるんでしょうか。 <p target="_blank">で検索してみても 出てきませんでした。 詳しい方、よろしくお願いします。
- ベストアンサー
- HTML
- 垂直型のドロップダウンメニューの作成方法について
http://jsajax.com/Articles/jQueryDropDownMenu2/1088を参考に下記のソースで垂直型のドロップダウンメニューを作成しました(動作はhttp://jsajax.com/Articles/jQueryDropDownMenu2/1088で「このサンプルを編集して試してみる」をクリックし、画面上部のテキストエリアに下記のソースを貼り付け「編集後クリックして実行！」で試す事が出来ます。 また、ローカルで試す場合は、ヘッダ部分に書かれているjsやcssをhttp://jdsharp.us/jQuery/plugins/jdMenu/やhttp://jquery.com/からダウンロードし、パスを調整していただければ大丈夫です)。 【ソース】 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title>jQuery - DropDown Menu - Vertical (jdMenu)</title> <link href="jQuery/jdMenu/jquery.jdMenu.css" rel="stylesheet" type="text/css" /> <script src="jQuery/jquery-1.2.6.js" type="text/javascript"></script> <script src="jQuery/jdMenu/jquery.dimensions.js" type="text/javascript"></script> <script src="jQuery/jdMenu/jquery.positionBy.js" type="text/javascript"></script> <script src="jQuery/jdMenu/jquery.bgiframe.js" type="text/javascript"></script> <script src="jQuery/jdMenu/jquery.jdMenu.js" type="text/javascript"></script> </head> <body> <div> <ul class="jd_menu jd_menu_vertical"> <li class="accessible"><a href="#" class="accessible">第１ ≫</a> <ul> <li><a href="#">第２－１ ≫</a> <ul> <li><a href="#" target="_blank">第２－１－１</a></li> <li><a href="#" target="_blank">第２－１－２</a></li> <li><a href="#" target="_blank">第２－１－３</a></li> <li><a href="#" target="_blank">第２－１－４</a></li> </ul> </li> <li><a href="#">第２－２ ≫</a> <ul> <li><a href="#" target="_blank">第２－２－１</a></li> <li><a href="#" target="_blank">第２－２－２</a></li> <li><a href="#" target="_blank">第２－２－３</a></li> <li><a href="#" target="_blank">第２－２－４</a></li> </ul> </li> <li><a href="#">第２－３ ≫</a> <ul> <li><a href="#" target="_blank">第２－３－１</a></li> <li><a href="#" target="_blank">第２－３－２</a></li> <li><a href="#" target="_blank">第２－３－３</a></li> <li><a href="#" target="_blank">第２－３－４</a></li> </ul> </li> <li><a href="#">第２－４ ≫</a> <ul> <li><a href="#" target="_blank">第２－４－１</a></li> <li><a href="#" target="_blank">第２－４－２</a></li> <li><a href="#" target="_blank">第２－４－３</a></li> <li><a href="#" target="_blank">第２－４－４</a></li> </ul> </li> </ul> </li> </ul> </div> </body> </html> ただし、実際に作ってみた所、今私が作っているサイトでは第二階層、第三階層の数が多く、 第一階層(上記ソースの「第１」)をマウスオーバーした際、すべての内容が表示されませんでした。 その為、下記のようなこと(縦だけではなく、横のスペースも有効に使いたい)を行いたいと思ったのですが、どのように記述すれば良いか分からなかったため、アドバイスいただける方がいらっしゃいましたら、ご教示の程、よろしくお願いします。 【第二階層(第三階層)の現在のイメージ】 第２－１ 第２－２ 第２－３ 第２－４ 【第二階層(第三階層)のやりたいイメージ】 第２－１ 第２－２ 第２－３ 第２－４ 以上、よろしくお願いします。
- ベストアンサー
- JavaScript
- ulインラインブロックの文字数オーバーの非表示
<html> <body> <head> <style> li { float: left; width: 100px; font-size: 13px; text-align: center; padding: 4px; background: #ccc; margin-right: 10px; margin-bottom: 10px; border-radius: 4px; text-shadow: 0 1px 0 #fff; } </style> </head> <ul> <li><A href="http://www.google.co.jp" TARGET="_blank">グーグルへリンク</A></li> <li><A href="http://www.google.co.jp" TARGET="_blank">グーグルへリンク</A></li> <li><A href="http://www.google.co.jp" TARGET="_blank">グーグルへリンク</A></li> <li><A href="http://www.google.co.jp" TARGET="_blank">グーグルへリンクグーグルへリンクグーグルへリンク</A></li> <li><A href="http://www.google.co.jp" TARGET="_blank">グーグルへリンク</A></li> </ul> </body> </html> ULブロック要素をスタイルシートでインラインブロック要素にして、 横に並べたて表示しているのですが、表のように表示した時に、 そのliの一つ一つのブロックから文字がはみ出すことがあります。 overflow:hidden;を設定しても文字数の数だけ、liブロックを拡大して表示されてしまうのですが、 どのように表記すれば、うまくいくでしょうか？よろしくお願いします。
- 締切済み
- CSS
- target=_blankを使わない新規ウィンドウ
target=_blankを使わない新規ウィンドウオープンについての質問です。 <a href="http://www.example.com" onclick="window.open(pageTracker._getLinkerUrl(this.href),'_blank'); return false;"> 上記を記述しているのですが、ある日から突然新規ウインドウを開かずリンクサイトが表示されてしまいます。 「pageTracker」が機能したまま別ウインドウでリンクサイトが開く方法を知りたいです。 よろしくお願いいたします。
- 締切済み
- JavaScript
- フレーム内のtarget指定を全てまとめて指定するには？
こんにちは、いつもお世話になっております。 現在、ある事情からブログの最新情報投稿だけを別ページのインラインフレーム内に表示しています。 最新投稿のリストですので、 <ul> <li><a href="●.html">第1回投稿</a></li> <li><a href="●.html">第2回投稿</a></li> <li><a href="●.html">第3回投稿</a></li> </ul> このようなタグになっています。 これはブログのCGIが自動的に生成するものですので、上に直接 <li><a href="●.html" target="_blank">第3回投稿</a></li> と書き換えても意味がないのですが、この中のページではなくて <iframe>タグのあるページの方からtargetを指定することはできないでしょうか？ わかりにくい説明かと思いますが、どなたか意図がお分かりの方、回答よろしくお願いします。
- ベストアンサー
- HTML
- スタイルシートの事で？
カテゴリが違うかもしれませんがお願いします。 下記のタグを表示させると <ul> <li><a href="http://1.com/" target="_blank">テスト１</a></li> <li><a href="http://12.com/" target="_blank">テスト２</a></li> <li><a href="http://123.com/" target="_blank">テスト３</a></li> <li><a href="http://1234.com/" target="_blank">テスト４</a></li> <li><a href="http://12345.com/" target="_blank">テスト５</a></li> <li><a href="http://123456.com/" target="_blank">テスト６</a></li> </ul> ・テスト１ ・テスト２ ・テスト３ ・テスト４ ・テスト５ ・テスト６ このように表示されますが、スタイルシートを使って下記のように中央で折り返して表示させるにはどうすればいいでしょうか？ ・テスト１ ・テスト４ ・テスト２ ・テスト５ ・テスト３ ・テスト６ よろしくお願いします。
- 締切済み
- その他([技術者向] コンピューター)
- <div id="blank">内の<a>タグ群だけをtarget="_blank"にしたい
数十の<a>タグがあるHTMLファイルの中で、 <div id="blank">で囲まれた<a>タグ群のみをすべてtarget="_blank"にしたいと考えています。 該当する<a>タグすべてにtarget="_blank"を書くと、HTMLファイルの容量が大きくなるので、CSSのIDとJavaScriptを組み合わせて、実現できないものでしょうか。
- ベストアンサー
- JavaScript
- target="_blank"とは何の意味ですか？？
サイトのソースを見ていると、 <a href="URL" target="_blank"> というのをよく見かけます。 このtarget="_blank"というのは知らなかったのですが どういった効果があるのでしょうか？？
- ベストアンサー
- HTML
- ｊａｖａｓｃｒｉｐｔ/target="_blank
フレーム内から別窓でurlを開こうとしています。 htmlでは以下の通りで、実現できます。 <a href="http://www.goo.ne.jp/" target="_blank">goo</a> JavaScriptで window.open(my_url,'_blank'); return false; としても、別窓で開くのですが、戻るの「←」が表示されてしまいます。（上記、「my_url」は変数です。） 宜しくお願いします。
- 締切済み
- JavaScript
お礼
アドバイスを頼りに試したところ、Javascriptが原因でした。 不要な記述を消すことで解決しました！ ありがとうございます！