タグ付けされた質問 「html」

子供からコンテンツをマスクするために、親divの角を丸くする必要があります。overflow: hidden単純な状況で機能しますが、親が比較的または絶対的に配置されている場合、WebkitベースのブラウザーとOperaで機能しなくなります。 これはFirefoxとIE9で機能します。 CSS #wrapper { width: 300px; height: 300px; border-radius: 100px; overflow: hidden; position: absolute; } #box { width: 300px; height: 300px; background-color: #cde; } HTML <div id="wrapper"> <div id="box"></div> </div> JSFiddleの例 助けてくれてありがとう！ 更新：この問題の原因となったバグは、Chromeで修正されました。ただし、OperaやSafariの再テストは行っていません。

147 html  rounded-corners  css 

テーブルコンテナー内のテーブルセル要素の数が不確定です。 <div style="display:table;"> <div style="display:table-cell;"></div> <div style="display:table-cell;"></div> </div> 異なるサイズのコンテンツが含まれている場合でも、テーブルセルの幅を等しくする純粋なCSS方法はありますか？ ありがとう。 編集：最大幅を持っていると、私が思うにいくつのセルを持っているかを知る必要がありますか？

147 html  css  html-table 

私はこれを両方見ました： <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script> この： <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script> type属性は何らかの意味で重要ですか？

147 html 

メソッドを指定せずにHTMLフォームを送信すると、デフォルトのHTTPメソッドはどのように使用されますか？GETまたはPOST？ この動作はHTML標準間で変更されたことがありますか？ 可能であれば、W3C標準ドキュメントを引用してください。

147 html  forms 

ナビゲーションの各リンクをクリックして小さなオーディオクリップを再生しています HTMLコード： <audio tabindex="0" id="beep-one" controls preload="auto" > <source src="audio/Output 1-2.mp3"> <source src="audio/Output 1-2.ogg"> </audio> JSコード： $('#links a').click(function(e) { e.preventDefault(); var beepOne = $("#beep-one")[0]; beepOne.play(); }); これまでのところ問題なく動作しています。 問題は、サウンドクリップが既に実行されていて、リンクをクリックしても何も起こらない場合です。 リンクをクリックしたときに既に再生されているサウンドを停止しようとしましたが、HTML5のオーディオAPIにはその直接のイベントはありません 次のコードを試してみましたが、機能しません $.each($('audio'), function () { $(this).stop(); }); 何か提案がありますか？

147 html  html5-audio 

基本的に、与えられたHTMLドキュメントをデコードし、" "-> " "、">"-> などのすべての特殊文字を置き換えます">"。 .NETではを利用できますHttpUtility.HtmlDecode。 Javaの同等の機能は何ですか？

147 java  html  string  eclipse  decode 

div固定幅の要素のグループをコンテナーに入れて、水平スクロールバーを表示させたいのですが。div/span要素は、HTML（基本的に開封された）に表示されている順序で左から右へのラインに表示されます。 これにより、水平スクロールバーが表示され、垂直スクロールバーの代わりに使用して、コンテンツを読み進めることができます（左から右）。 私はそれらをコンテナに浮かせて、white-space: nowrapスタイルをコンテナに入れてみましたが、残念ながら、まだラップされているようです。 アイデア？ それはこのように見えました： .slideContainer { white-space: nowrap; } .slide { width: 800px; float: left; display: inline; } <div class="slideContainer"> <div class="slide">Some content</div> <div class="slide">More content</div> <div class="slide">Even More content!</div> </div> コードスニペットを実行する結果を非表示スニペットを展開 更新：例 についてはサイトを参照してください。ただし、別の方法ではないことは間違っていました-記事は古いと思います。

147 html  css 

私が持っていると思いますA Bし、C真ん中に整列します。 どうすれDば完全に右に行くことができますか？ 前： 後： ul { padding: 0; margin: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; } li { display: flex; margin: 1px; padding: 5px; background: #aaa; } li:last-child { background: #ddd; /* magic to throw to the right*/ } <ul> <li>A</li> <li>B</li> <li>C</li> <li>D</li> </ul> コードスニペットを実行する結果を非表示スニペットを展開 …

147 html  css  flexbox 

私の単純なtextareaは、テキストがオーバーフローしたときに水平バーを表示しません。新しい行のテキストを折り返します。では、テキストがオーバーフローしたときにワードラップを削除して水平バーを表示するにはどうすればよいですか？

146 html  textarea  word-wrap 

これが私が作業する大まかなHTMLです： <li class="par_cat"></li> <li class="sub_cat"></li> <li class="sub_cat"></li> <li class="par_cat"></li> // this is the single element I need to select <li class="sub_cat"></li> <li class="sub_cat"></li> <li class="sub_cat current_sub"></li> // this is where I need to start searching <li class="par_cat"></li> <li class="sub_cat"></li> <li class="par_cat"></li> 私はからトラバースし、.current_sub最も近い以前の.par_catものを見つけ、それに何かをする必要があります。 .find("li.par_cat")全体の負荷を返します.par_cat（ページに約30あります）。単一のものをターゲットにする必要があります。 本当にヒントをいただければ幸いです:)

146 jquery  html  traversal  tree-traversal 

常に特定の幅にしたい表のセルがあります。ただし、スペースのないテキストの大きな文字列では機能しません。ここにテストケースがあります： td { border: solid green 1px; width: 200px; overflow: hidden; } <table> <tbody> <tr> <td> This_is_a_terrible_example_of_thinking_outside_the_box. </td> </tr> </tbody> </table> コードスニペットを実行する結果を非表示スニペットを展開 ボックスを拡大するのではなく、テキストをボックスの端で切り取るにはどうすればよいですか？

146 html  css 

HTML要素のブラウザのデフォルトCSSはどこにありますか？ 多くのHTML要素にはいくつかのデフォルトのCSSプロパティが付属しており、不明な動作や望ましくない動作が発生する場合があります。たとえば、入力ボックスはブラウザによって表示が異なります。新しいCSS3プロパティと新しいHTML5要素をカバーする場所を探しています。 CSSリセットの解決策を提案する他の（はるかに古い）質問（ブラウザーのデフォルトCSSスタイルシートなど）の回答を見てきました。この解決策は望ましくない場合があります。多くの場合、実際には基本的なプロパティの一部（Chromeの入力ボックスの強調表示など）を保持したいと思います。つまり、何をしているのか分からないからといって、取り除きたくないのです。 それで、私にこのすべての情報（またはおそらくほとんど）を与えることができるサイトはありますか？

146 html  css  cross-browser 

私はCSSを学んでいます。CSSで入力と送信ボタンのスタイルを設定する方法は？ 私はこのようなものを作成しようとしていますが、方法がわかりません <form action="#" method="post"> Name <input type="text" placeholder="First name"/> <input type="text" placeholder="Last name"/> Email <input type="text"/> Message <input type="textarea"/> <input type="submit" value="Send"/> </form>

146 html  css 

複数の列を持つHTMLテーブルがあり、jqueryを使用して列チューザーを実装する必要があります。ユーザーがチェックボックスをクリックすると、テーブルの対応する列を表示/非表示にします。テーブルのすべてのtdにクラスをアタッチせずにこれを実行したいのですが、jqueryを使用して列全体を選択する方法はありますか？以下はHTMLの例です。 <table> <thead> <tr><th class="col1">Header 1</th><th class="col2">Header 2</th><th class="col3">Header 3</th></tr> </thead> <tr><td>Column1</td><td>Column2</td><td>Column3</td></tr> <tr><td>Column1</td><td>Column2</td><td>Column3</td></tr> <tr><td>Column1</td><td>Column2</td><td>Column3</td></tr> <tr><td>Column1</td><td>Column2</td><td>Column3</td></tr> </table> <form> <input type="checkbox" name="col1" checked="checked" /> Hide/Show Column 1 <br /> <input type="checkbox" name="col2" checked="checked" /> Hide/Show Column 2 <br /> <input type="checkbox" name="col3" checked="checked" /> Hide/Show Column 3 <br /> </form>

146 jquery  html  hide  html-table  show 

ページ全体*折り返し可能はmain.cssファイルで定義されています /* Wrappable cell * Add this class to make sure the text in a cell will wrap. * By default, data_table tds do not wrap. */ td.wrappable, table.data_table td.wrappable { white-space: normal; } ページ全体がここにあります： <%@ include file="../../include/pre-header.html" %> <form id="commentForm" name="commentForm" action="" method="post"> <ctl:vertScroll height="300" headerStyleClass="data_table_scroll" bodyStyleClass="data_table_scroll" enabled="${user.scrollTables}"> <ctl:sortableTblHdrSetup …

146 html  css  html-table