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

<table> <tr> <td>Test</td> <td>A long string blah blah blah</td> </tr> </table> <style> td{max-width:67%;} </style> 上記は動作しません。パーセンテージを使用してテーブルセルの最大幅を設定するにはどうすればよいですか？

100 html  css  html-table 

正規表現の答えとともに、JavaScriptトリムに関するこの質問を読みました。 次に、トリミングによってHelloとWorldの間の内側のスペースが削除されることを期待します。 function myFunction() { alert("Hello World ".trim()); } 編集済み なぜ私はそれを期待した！？ ナンセンス！明らかにトリムは内側のスペースを削除しません！先行と後続のスペースのみを削除します。それがトリムのしくみです。これは非常に間違った質問でした、私の謝罪。

100 javascript  html  trim 

私はJavascriptの初心者です。 私はを介してWebページを初期化しています。window.onloadクラス名（slide）で要素の束を見つけ、いくつかのロジックに基づいてそれらを異なるノードに再配布する必要があります。Distribute(element)要素を入力として受け取り、配布を行う関数があります。私はこのようなことをしたいです（例えばここまたはここで概説されているように）： var slides = getElementsByClassName("slide"); for(var i = 0; i < slides.length; i++) { Distribute(slides[i]); } ただし、getElementsByClassName実際には配列を返さないため、これは私にとって魔法ではありませんが、、NodeListつまり ...これは私の推測です... ...関数内で変更されていますDistribute（DOMツリーがこの関数内で変更されており、特定のノードの複製が行われます）。For-eachループ構造も役に立ちません。 可変スライドは実際には決定論的ではなく、反復ごとに長さと要素の順序が大きく変化します。 私の場合、NodeListを反復処理する正しい方法は何ですか？一時的な配列を埋めることを考えていましたが、その方法がわかりません... 編集： 私が言及するのを忘れていた重要な事実は、別のスライドの中に1つのスライドがあるかもしれないということです。これはslides、ユーザーAlohciのおかげで見つけたばかりの変数を変更するものです。 私の解決策は、最初に各要素を配列に複製し、Distribute()その後配列をono-by-oneに渡すことでした。

100 javascript  html  dom 

私はいくつかのコンテナを持っており、その子は絶対的/相対的に配置されています。コンテナの高さを設定して、子供が中に入るようにする方法は？ これがコードです： HTML <section id="foo"> <header>Foo</header> <article> <div class="one"></div> <div class="two"></div> </article> </section> <div style="clear:both">Clear won't do.</div> <!-- I want to have a gap between sections here --> <section id="bar"> <header>bar</header> <article> <div class="one"></div><div></div> <div class="two"></div> </article> </section> CSS article { position: relative; } .one { position: absolute; top: 10px; …

100 html  css  position  height  absolute 

JSの新品。 jQuery / JavaScriptでフォームを送信するときに、ファイルinput要素が空かどうかを確認しようとしています。たくさんの解決策を試してみましたが、何もうまくいきません。/c/fakepath（他に選択肢がない限り）私は避けようとしています <input type="file" name="videoFile" id="videoUploadFile" /> これは動作しません： var vidFile = $("#videoUploadFile").value; ファイル名を取得できる唯一の方法は、以下を使用する場合です。 var vidFile = document.getElementById("videoUploadFile").files[0].name; 利用可能なファイルがない場合、コードはエラーをスローします。 未定義のプロパティ名を読み取れません 配列が設定されていないため、これは理にかなっています。しかし、これでエラー処理を行う方法を理解できません。 ファイルの入力要素を適切に取得し、videoUploadFileそれが空かどうかを確認し、空の場合はエラーメッセージをスローする方法を教えてください。

100 javascript  jquery  html 

テーブルtdの中央に画像を配置しようとしています。margin-leftを特定の値に設定することで機能しましたが、tdのサイズも大きくなり、それが私が望んでいたものとは異なります これを行う効率的な方法はありますか？テーブルの高さと幅にはパーセンテージを使用しました。

100 html  css 

pointer-eventsCSSのプロパティで遊んでいるところです。 をdiv除くすべてのマウスイベントで非表示にしたいものがあります:hover。 したがって、すべてのクリックコマンドはdiv、その下を通過しますが、divは、マウスがその上にあるかどうかを報告できます。 これができるかどうか誰かに教えてもらえますか？ HTML： <div class="layer" style="z-index:20; pointer-events:none;">Top layer</div> <div class="layer" style="z-index:10;">Bottom layer</div> CSS： .layer { position:absolute; top:0px; left:0px; height:400px; width:400px; }

100 html  css  pointer-events 

私はユーザーがコンテンツを入力できるCMSで働いています。問題は、記号を追加する®と、すべてのブラウザでうまく表示されない可能性があることです。検索して、対応するhtmlエンティティに変換する必要のあるシンボルのリストを設定したいと思います。例えば ®=> ® ＆=> & ©=> © ™=>™ 変換後、<sup>タグでラップする必要があります。その結果、次のようになります。 ® => <sup>®</sup> 特定のフォントサイズとパディングスタイルが必要なため： sup { font-size: 0.6em; padding-top: 0.2em; } JavaScriptはこのようなものでしょうか？ var regs = document.querySelectorAll('®'); for ( var i = 0, l = imgs.length; i < l; ++i ) { var [?] = regs[i]; var [?] = document.createElement('sup'); img.parentNode.insertBefore([?]); div.appendChild([?]); …

100 javascript  html 

サンプル： div { display: flex; height: 200px; background: tan; } span { background: red; } <div> <span>This is some text.</span> </div> コードスニペットを実行する結果を非表示スニペットを展開 2つの質問があります。 なぜそれは基本的に起こるのspanですか？ フレックスコンテナ内の他のフレックスアイテムに影響を与えずに伸びないようにするための正しいアプローチは何ですか？

100 html  css  flexbox 

ASP.net Webアプリケーションに取り組んでいます。 送信ボタン付きのフォームがあります。送信ボタンのコードはのようになります<input type='submit' value='submit request' onclick='btnClick();'>。 私は次のようなものを書きたいです： function btnClick() { if (!validData()) cancelFormSubmission(); } どうすればよいですか？

99 javascript  html  forms  html-input 

閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか？Stack Overflowのトピックとなるように質問を更新します。 5年前に閉鎖。 この質問を改善する onmouseoverイベントが発生したときにポップアップできる「バブル」を作成しようとしています。イベントをスローしたアイテムonmouseoverの上にマウスがあるか、マウスがバブルに移動した場合、開いたままになります。私のバブルには、ハイパーリンクや画像など、HTMLとスタイルのすべての方法が必要です。 基本的にこれを約200行の醜いJavaScriptを書くことで達成しましたが、jQueryプラグイン、またはこれを少し整理する他の方法を本当に見つけたいです。

99 javascript  jquery  html  css 

<li>タグから生成された固定の高さと幅のボックスの数を連続して表示しています。次に、テキストを垂直方向の中央に揃える必要があります。CSSのvertical-alignは影響しません。おそらく何か不足していますか??? 私は（マージン、パディング、行の高さ）を使用したトリックを探していません。一部のテキストが長く、2行に分割されるため、これらは機能しません。 実際のコードを見つけてください： CSSコード ul.catBlock{ width:960px; height: 270px; border:1px solid #ccc; } ul.catBlock li{ list-style: none; float:left; display:block; text-align: center; width:160px; height: 100px; } ul.catBlock li a{ display: block; padding: 30px 10px 5px 10px; height:60px; } HTMLコード <ul class="catBlock"> <li><a href="#">IP Phone</a></li> <li><a href="#">Dual SIM Switch Server</a></li> <li><a href="#">IP PBX</a></li> …

99 html  css  vertical-alignment 

閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか？Stack Overflowのトピックとなるように質問を更新します。 6年前休業。 この質問の答えはコミュニティの努力です。この投稿を改善するには、既存の回答を編集してください。現在、新しい回答や相互作用を受け入れていません。 ページのHTMLソースを入力してコードを縮小できるオンラインツールはありますか？ aspxファイルの場合は、ウェブサーバーでgzipを実行することはお勧めしません。

99 html  minify 

別の色と画像のリンクを変更するには、CSSで属性セレクターを使用する必要がありますが、機能しません。 私はこのhtmlを持っています： <a href="/manual.pdf">A PDF File</a> そしてこのCSS： a { display: block; height: 25px; padding-left: 25px; color:#333; font: bold 15px Tahoma; text-decoration: none; } a[href='.pdf'] { background: red; } 背景が赤くないのはなぜですか？

99 html  css  css-selectors 

マップマーカーのデフォルトのGoogleマップInfoWindowは非常に円形です。角が四角のカスタムInfoWindowを作成するにはどうすればよいですか？

99 javascript  html  css  google-maps