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

HTML（HyperText Markup Language）は、Webブラウザーに表示されるWebページやその他の情報を作成するための主要なマークアップ言語です。HTMLに関する質問には、最小限の再現可能な例と、何を達成しようとしているのかについての考えを含める必要があります。このタグが単独で使用されることはほとんどなく、[CSS]や[javascript]と組み合わせられることがよくあります。

7
コンテナーがオーバーフローしているフレックスアイテムの上部にスクロールできません
したがって、フレックスボックスを使用して便利なモーダルを作成しようとしたときに、ブラウザーの問題のように見えるものが見つかり、既知の修正または回避策があるかどうか、またはそれを解決する方法についての考えがあります。 私が解決しようとしていることには、2つの側面があります。最初に、モーダルウィンドウを垂直方向に中央揃えにします。これは期待どおりに機能します。2つ目は、モーダルウィンドウをスクロールすることです-外部的に、モーダルウィンドウ全体をスクロールしますが、その中のコンテンツはスクロールしません（これにより、ドロップダウンや、モーダルの境界外に拡張できるその他のUI要素を使用できます-カスタム日付ピッカーなど） ただし、垂直方向のセンタリングとスクロールバーを組み合わせると、モーダルがオーバーフローし始めると、モーダルの上部にアクセスできなくなる可能性があります。上記の例では、オーバーフローを強制するようにサイズ変更できます。そうすることで、モーダルの一番下までスクロールできますが、一番上まではスクロールできません（最初の段落は切り取られます）。 これはサンプルコードへのリンクです（非常に簡略化されています） https://jsfiddle.net/dh9k18k0/2/ .modal-container { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.5); overflow-x: auto; } .modal-container .modal-window { display: -ms-flexbox; display: flex; flex-direction: column; align-items: center; justify-content: center; // Optional support to confirm scroll behavior makes sense in IE10 //-ms-flex-direction: …
10
HTML + CSS：divコンテンツを強制的に1行に収めるには？
div定義された内に長いテキストがありますwidth： HTML： <div>Stack Overflow is the BEST !!!</div> CSS： div { border: 1px solid black; width: 70px; } 文字列を強制的に1行に収める（つまり、「オーバーフロー」の途中でカットする）にはどうすればよいですか？ を使用しようとしましたがoverflow: hidden、役に立ちませんでした。
258 html  css 
4
ko.applyBindingsを呼び出して部分ビューをバインドできますか？
私はKnockoutJSを使用しており、メインビューとビューモデルがあります。ダイアログ（jQuery UIの1つ）に、別の子ビューモデルがバインドされる別のビューをポップアップ表示させたい。 ダイアログコンテンツのHTMLはAJAXを使用して取得されるのでko.applyBindings、リクエストが完了したら呼び出せるようにしたいと思います。また、子ビューモデルを、ダイアログdiv内のajaxを介して読み込まれたHTMLの一部だけにバインドしたいと思います。 これは実際に可能ですか、それともページが最初にロードされてからko.applyBindings一度呼び出されたときにすべてのビューとビューモデルをロードする必要がありますか？
258 ajax  html  knockout.js 
18
1つの巨大な.cssファイルと複数の小さな特定の.cssファイル [閉まっている]
休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか？この投稿を編集して、事実と引用で回答できるように質問を更新してください。 2年前休業。 この質問を改善する ほとんどすべてのページで使用されるスタイル要素を含む単一のモンスター.cssファイルを使用することには利点がありますか？ 管理を簡単にするために、さまざまな種類のCSSをいくつかのファイルに引き出し、メインのすべてのファイルを含めるの<link />は悪いことだと思います。 これが良いと思います Positions.css buttons.css tables.css copy.css 対 site.css 片方の方法と他の方法でそれを行うことの落とし穴を見たことはありますか？
258 css  html  stylesheet 
9
JSでHTML文字列を解析する
私は解決策を探しましたが、何も関連性がなかったので、ここに私の問題があります： HTMLテキストを含む文字列を解析したい。JavaScriptでやりたいです。 このライブラリを試しましたが、文字列からではなく、現在のページのHTMLを解析しているようです。下のコードを試すと、ページのタイトルが変わるからです。 var parser = new HTMLtoDOM("<html><head><title>titleTest</title></head><body><a href='test0'>test01</a><a href='test1'>test02</a><a href='test2'>test03</a></body></html>", document); 私の目標は、文字列のように読んだHTML外部ページからリンクを抽出することです。 それを行うためのAPIを知っていますか？
27
テーブルの固定ヘッダーとスクロール可能な本文
ブートストラップ3テーブルを使用して、固定ヘッダーとスクロール可能なコンテンツを含むテーブルを作成しようとしています。残念ながら、私が見つけたソリューションは、ブートストラップでは機能せず、スタイルを台無しにもしません。 ここに単純なブートストラップテーブルがありますが、何らかの理由でtbodyの高さが10pxではありません。 height: 10px !important; overflow: scroll; 例： <link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"> <table class="table table-striped"> <thead> <tr> <th>Make</th> <th>Model</th> <th>Color</th> <th>Year</th> </tr> </thead> <tbody style="height: 10px !important; overflow: scroll; "> <tr> <td class="filterable-cell">111 Ford</td> <td class="filterable-cell">Escort</td> <td class="filterable-cell">Blue</td> <td class="filterable-cell">2000</td> </tr> <tr> <td class="filterable-cell">Ford</td> <td class="filterable-cell">Escort</td> <td class="filterable-cell">Blue</td> <td class="filterable-cell">2000</td> …
11
C：\ fakepathを解決するには？
<input type="file" id="file-id" name="file_name" onchange="theimage();"> これが私のアップロードボタンです。 <input type="text" name="file_path" id="file-path"> これは、ファイルの完全パスを表示する必要があるテキストフィールドです。 function theimage(){ var filename = document.getElementById('file-id').value; document.getElementById('file-path').value = filename; alert(filename); } これが私の問題を解決するJavaScriptです。しかし、アラートの値では、 C:\fakepath\test.csv そしてMozillaは私にくれます： test.csv しかし、ローカルの完全修飾ファイルパスが必要です。この問題を解決するには？ これがブラウザのセキュリティ問題が原因である場合、これを行う別の方法は何ですか？
6
Markdownを使用してGitHubのwiki内の画像のサイズを変更する
私はGitHubでwikiページを書いており、Markdownを使用しています。 私の問題は、大きな画像（この画像は独自のリポジトリにある）を配置していて、サイズを変更する必要があることです。 私はさまざまな解決策を試しましたが、うまくいきません： ![image](http://url.to/image.png "Title" {width=40px height=400px}) ![image](http://url.to/image.png = 250x250) ![image](http://url.to/image.png = 250x) [[http://url.to/image.png = 250x]] それを取得する方法はありますか？ HTMLなしでの使用をお勧めします。
255 html  github  markdown  wiki 
14
カスタム属性-そうですか、そうではありませんか？
最近、主にJavaScriptコードで使用する追加のデータビットを埋め込むことを目的として、HTMLタグでカスタム属性を使用する人々についてますます読んでいます。 カスタム属性を使用することは良い習慣であるかどうか、そしていくつかの代替案が何であるかについてのフィードバックを収集したいと思っていました。 サーバー側とクライアント側の両方のコードを本当に単純化できるようですが、W3Cにも準拠していません。 WebアプリでカスタムHTML属性を使用する必要がありますか？なぜか、なぜそうでないのか？ カスタム属性が良いと思う人のために：それらを使用するときに心に留めておくべきことは何ですか？ カスタム属性が悪いことだと思う人のために：あなたは同じようなことを達成するためにどのような選択肢を使用しますか？ 更新： 私は主に、さまざまな方法の背後にある推論と、ある方法が別の方法よりも優れている理由についての点に関心があります。私たちは皆、同じことを達成するために4〜5つの異なる方法を考え出すことができると思います。（非表示の要素、インラインスクリプト、追加のクラス、IDからの情報の解析など）。 更新2： HTML 5 data-属性機能はここで多くのサポートを持っているようです（そして私は同意する傾向があります、それは確かなオプションのように見えます）。これまでのところ、私はこの提案に対する反論をあまり見ていません。このアプローチの使用について心配する問題/落とし穴はありますか？それとも、単に現在のW3C仕様の「無害な」無効化なのでしょうか。
8
高さと幅はスパンに適用されませんか？
完全なnoobの質問ですが、ここにあります。 CSS .product__specfield_8_arrow { /*background-image:url(../../upload/orng_bg_arrow.png); background-repeat:no-repeat;*/ background-color:#fc0; width:50px !important; height:33px !important; border: 1px solid #dddddd; border-left:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-bottom-left-radius:0px; border-top-left-radius:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-topleft:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-top-left-radius:0px; margin:0; padding:2px; cursor:pointer; }​​​ HTML <span class="product__specfield_8_arrow"> </span>​ フィドル 基本的に私はボタンをエミュレートしようとしています。スパン（または何か）を、入力フィールドの横にあるボタンのように見せます。これは、Enterでエラーを生成する自動入力ジェネレーターのため、実際には1である必要はありません。これは今のところ簡単な修正になると思いますが、明らかにそうではありません。 ありがとう。
254 css  html  width 
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.