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

私はどこかで<div>内部がノーノーであると聞いた/読んだよう<td>です。それが機能しないわけではなく、ディスプレイのタイプに基づいて実際に互換性がないということだけです。私の直感を裏付ける証拠が見つからないので、私は完全に間違っているかもしれません。

143 html  html-table  semantic-markup  web-standards 

これに関するドキュメントが見つかりません。Safari固有ですか？ iOS 9（ここ）に最近のバグがあり、その解決策shrink-to-fit=noはビューポートメタに追加されています。 このコードは何をしますか？

143 html  safari  webkit  ios9  viewport 

2つのタグの間のすべてのテキストを選択する最良の方法は何ですか-例：ページ上のすべての「pre」タグの間のテキスト。

143 html  regex  html-parsing 

私が欲しいのは、緑の背景がテキストのすぐ後ろにあり、ページ幅の100％ではないことです。これが私の現在のコードです： h1 { text-align: center; background-color: green; } <h1>The Last Will and Testament of Eric Jones</h1> コードスニペットを実行する結果を非表示スニペットを展開

143 html  css 

特定の<input>フィールドが数値としてのみ値をとることを確認する必要があります。入力はフォームの一部ではありません。したがって、送信されないため、送信中に検証することはできません。ユーザーが数字以外の文字を入力できないようにしたい。 これを達成するためのきちんとした方法はありますか？

143 html  input  numbers  validating 

次のコードがあるとします。 <form action='' method='POST' enctype='multipart/form-data'> <input type='file' name='userFile'><br> <input type='submit' name='upload_btn' value='upload'> </form> これはこれをもたらします： ユーザーが[参照...]ボタンをクリックすると、ファイル検索ダイアログボックスが開きます。 ユーザーは、ファイルをダブルクリックするか、[開く]ボタンをクリックしてファイルを選択します。 ファイルが選択された後に通知を受けるために使用できるJavascriptイベントはありますか？

143 javascript  html  javascript-events 

たとえば、私はtextfield。このフィールドは必須で、数値のみが必須で、値の長さは10でなければなりません。長さが5の値でフォームを送信しようとすると、デフォルトのエラーメッセージが表示されます。Please match the requested format <input type="text" required="" pattern="[0-9]{10}" value=""> HTML 5フォーム検証エラーのデフォルトメッセージを変更するにはどうすればよいですか？ 最初のポイントを実行できる場合、プロパティファイルをいくつか作成し、そのファイルにカスタムエラーメッセージを設定する方法はありますか？

142 html  validation 

私は他の質問を検索しましたが、この問題は他のいくつかの問題と似ているようですが、今のところ、私が抱えている問題に対処しているようには見えません。 他のdivを多数含むdivがあり、それぞれが左にフロートされています。これらのdivにはそれぞれ写真とキャプションが含まれています。必要なのは、写真のグループが含まれているdivの中央に配置されることだけです。 以下のコードからわかるように、私は両方overflow:hiddenとmargin:x auto親div を使用してみました。またclear:both、写真の後に（別のトピックで提案されているように）を追加しました。違いは何もないようです。 ありがとうございました。私はどんな提案にも感謝します。 <div style="position: relative; margin: 0 auto; overflow: hidden; text-align: center;"> <h4>Section Header</h4> <div style="margin: 2em auto;"> <div style="float: left; margin: auto 1.5em;"> <img src="photo1.jpg" /><br /> Photo Caption </div> <div style="float: left; margin: auto 1.5em;"> <img src="photo2.jpg" /><br /> Photo Caption </div> <div style="float: …

142 html  center  css 

bootstrapdivを右にフロートさせる適切な方法は何ですか？pull-rightお勧めの方法だと思いましたが、うまくいきません。 @import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css'); .container { margin-top: 10px; } <div class="container"> <div class="row-fluid"> <div class="span6"> <p>Text left</p> </div> <div class="span6 pull-right"> <p>text right</p> </div> </div> </div> コードスニペットを実行する結果を非表示スニペットを展開

142 html  css  twitter-bootstrap 

contentEditable = 'on' <div>にフォーカスが戻ったときに、カーソル/キャレットの位置を最後の既知の位置に設定するための、決定的なクロスブラウザーソリューションが必要です。コンテンツ編集可能なdivのデフォルトの機能は、クリックするたびにdiv内のテキストの先頭にキャレット/カーソルを移動することですが、これは望ましくありません。 divのフォーカスを離れるときに現在のカーソル位置を変数に格納し、フォーカスが再び入ったときにこれを再設定する必要があると思いますが、まとめたり、機能するものを見つけることができませんでした。コードサンプルはまだ。 誰かが何か考え、作業中のコードスニペットまたはサンプルを持っている場合は、それらを見ていただければ幸いです。 実際にはまだコードはありませんが、ここに私が持っているものがあります： <script type="text/javascript"> // jQuery $(document).ready(function() { $('#area').focus(function() { .. } // focus I would imagine I need. } </script> <div id="area" contentEditable="true"></div> PS。このリソースを試しましたが、<div>では機能しないようです。おそらくtextareaの場合のみ（カーソルをcontenteditableエンティティの最後に移動する方法）

142 javascript  jquery  html  contenteditable  cursor-position 

表示されるようにscriptスタイル設定された要素display:block。なぜそれが可能であり、それが望まれる実際のユースケースがあるのですか？ td > * { display: block; } <table> <tr> <td> <script type="text/javascript"> var test = 1; </script>von 1 </td> </tr> </table> コードスニペットを実行する結果を非表示スニペットを展開

142 html  css  script-tag 

次のHTMLがあります。 <div id="mydiv"> <div class="myclass"></div> </div> 内部を選択するセレクターを使用できるようにしたいdivが、mydivコンテナーに固有。jQueryでこれを実現するにはどうすればよいですか？

142 javascript  jquery  html  class  jquery-selectors 

このリンクに画像があります：http : //d38daqc8ucuvuv.cloudfront.net/avatars/216/2014-02-19%2017.13.48.jpg ご覧のとおり、これは正しい向きの通常の画像です。ただし、このリンクをイメージタグのsrc属性に設定すると、イメージが上下逆になります。http://jsfiddle.net/7j5xJ/ <img src="http://d38daqc8ucuvuv.cloudfront.net/avatars/216/2014-02-19%2017.13.48.jpg" width="200"/> コードスニペットを実行する結果を非表示スニペットを展開 何が起こっているのかわかりますか？

142 html  css  image 

私はいくつかの取得しようとしているinlineとinline-blockコンポーネントはに垂直方向に整列しますdiv。どうしてspanこの例では、プッシュダウンさを主張していますか？との両方vertical-align:middle;を試しましたvertical-align:top;が、何も変わりません。 HTML： <div> <a></a><a></a> <span>Some text</span> </div>​ CSS： a { background-color:#FFF; width:20px; height:20px; display:inline-block; border:solid black 1px; } div { background:yellow; vertical-align:middle; } span { background:red; } RESULT： FIDDLE

142 html  css  vertical-alignment 

要素にカーソルを合わせると書式が変更されるCSSがあります。 HTML： <div class="test"> blah </div> CSS： .test:hover { border: 1px solid red; } ホバーにCSSを適用したくない場合があります。1つの方法は、jQueryを使用してdivからCSSクラスを削除することですが、そのクラスを使用してその子要素をフォーマットしているため、他のことが壊れます。 それで私は質問に行きました：要素から「ホバー」のCSSスタイルを削除する方法はありますか？

142 html  css