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

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

4
入力と選択フィールドの幅を等しくする方法
フォームには、1つの選択フィールドと2つの入力フィールドがあります。これらの要素は垂直方向に整列しています。残念ながら、これらの要素の幅を同じにすることはできません。 これが私のコードです： <select name="name1" style="width:198px"> <option>value1</option> <option>value2</option> </select><br/> <input type="text" name="id1" style="width:193px"><br/> <input type="text" name="id2" style="width:193px"> 上記の例の場合、select要素の最適な幅は198または199 pxです（もちろん、193pxを試しましたが、違いは大きなものです）。これらの要素の幅は同じではないため、解像度に依存します（さまざまなコンピューターやブラウザーによって異なります（場合によっては、約1ピクセルまたは2ピクセルの違いと思います）。これらの要素をdivまたはテーブルの行に設定しようとしましたが、役に立ちません。 Q：これらの要素の幅を正確に等しくするにはどうすればよいですか？
4
Twitter Bootstrap：navbarのテキスト
Twitterブートストラップのドキュメントによると、「テキストの文字列を<p>タグで囲んで、適切なリーディングとカラーにする」ことができるはずです。これを行うと、その下のどのレベルでnavbarも、どのnavbarクラスも継承しません。文字列を<a>タグでラップするとレンダリングされますが、アンカーにすることはできません。 私がレンダリングしようとしている文字列はです"Logged in as ... "。
5
HTMLスペースが％20ではなく％2520と表示される
ファイル名をfirefoxブラウザに渡すと、スペースがでは%2520 なくに置き換えられます%20。 というファイルに次のHTMLがありますmyhtml.html。 <img src="C:\Documents and Settings\screenshots\Image01.png"/> myhtml.htmlFirefox にロードすると、画像が壊れた画像として表示されます。リンクを右クリックして画像を表示すると、次の変更されたURLが表示されます。 file:///c:/Documents%2520and%2520Settings/screenshots/Image01.png ^ ^-----Firefox changed my space to %2520. 一体何ですか？それは私のスペースをに変えました%2520。それを変換してはいけません%20か？ このHTMLファイルを変更して、ブラウザが私の画像を見つけられるようにするにはどうすればよいですか？何が起きてる？
9
html（+ css）：改行の優先場所を示します
HTMLテーブルセルに表示する次のテキストがあるとします。 Honey Nut Cheerios, Wheat Chex, Grape-Nuts, Rice Krispies, Some random cereal with a very long name, Honey Bunches of Oats, Wheaties, Special K, Froot Loops, Apple Jacks そして、コンマの1つの後で優先的に改行します。 HTMLレンダラーに指定された場所で改行を試みるように指示する方法はありますか。そして、改行しないスペースを使用せずに、いずれかのスペースの後で改行を試みる前にそれを行いますか？改行しないスペースを使用すると、無条件に幅が大きくなります。行折り返しアルゴリズムが最初にコンマを使用して行を収めることができなかった場合に、スペースの1つの後に改行を入れたいのですが。 <span>要素でテキストフラグメントをラップしてみましたが、それは役に立たないようです。 <html> <head> <style type="text/css"> div.box { width: 180px; } table, table td { border: 1px solid; border-collapse: collapse; } …
109 html  css  word-wrap 
7
非常に、非常に、非常に大きなdiv
私のプロジェクト（BigPictu.reまたはbigpicture.js GitHubプロジェクトを参照）の場合、非常に大きな、非常に大きな<div>コンテナに対処する必要があります。 私が使用する単純なアプローチではパフォーマンスが低下するリスクがあることは知っていましたが、それがほとんど存在することを期待していませんでした... Chromeのみ！ この小さなページをテストすると（以下のコードを参照）、パン（クリック+ドラッグ）は次のようになります。 Firefoxで通常/スムーズ Internet Explorerでも正常/スムーズ Chromeでは非常に遅い（ほとんどクラッシュする）。 もちろん、（プロジェクトに）コードを追加して、ズームインすると、フォントサイズが非常に大きくなる可能性のあるテキストが非表示になります。それでも、なぜFirefoxとInternet ExplorerはChromeではなく正しく処理するのですか？ JavaScript、HTML、またはCSSで、すべてのアクションに対してページ全体（ここでは幅10000ピクセル）をレンダリングしないようにブラウザに指示する方法はありますか？（現在のビューポートのみをレンダリングします！） <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style> html, body { overflow: hidden; min-height: 100%; } #container { position: absolute; min-height: 100%; min-width: 100%; } .text { font-family: "Arial"; position: absolute; } </style> </head> <body> <div id="container"> <div …
1
Sublime Text 3で前と最後のカーソルにジャンプする方法は？[閉まっている]
休業。この質問には詳細または明確さが必要です。現在、回答を受け付けていません。 この質問を改善してみませんか？詳細を追加し、この投稿を編集して問題を明確にしてください。 6年前休業。 この質問を改善する Sublime Textでカーソル位置履歴を前後にジャンプする方法は？ 私はたくさんググってBufferScrollを見つけます。しかし、それは私にはうまくいきません。ドキュメントでショートカットやその使用方法が見つかりません。 更新： ジャンプフォワード（SHIFT+ ALT+ -）を使用しようとするたびに、エディターは常に「最新の位置にいます」と常に表示しますが、実際には最新の位置にはいません。ジャンプバック（ALT+ -）はうまく機能します。
6
HTML要素のスタイルを変更するjQuery
HTMLのリストがあります <div id="header" class="row"> <div id="logo" class="col_12">And the winner is<span>n't...</span></div> <div id="navigation" class="row"> <ul id="pirra"> <li><a href="#">Why?</a></li> <li><a href="#">Synopsis</a></li> <li><a href="#">Stills/Photos</a></li> <li><a href="#">Videos/clips</a></li> <li><a href="#">Quotes</a></li> <li><a href="#">Quiz</a></li> </ul> </div> CSSの変更時に水平に表示されるように細かく変更されます div#navigation ul li { display: inline-block; } しかし今私はjQueryでそれをしたいので、私は使います： $(document).ready(function() { console.log('hello'); $('#navigation ul li').css('display': 'inline-block'); }); しかし、機能していません。jQueryを使用して要素のスタイルを設定するときに何が悪いのですか？ ありがとう
109 jquery  html  css 
8
CSSの優先順位は何ですか？
私のCSSクラスの1つが他のものをオーバーライドしているように見える理由を理解しようとしています（逆ではありません） ここに私は2つのCSSクラスがあります .smallbox { background-color: white; height: 75px; width: 150px; font-size:20px; box-shadow: 0 0 10px #ccc; font-family: inherit; } .smallbox-paysummary { @extend .smallbox; font-size:10px; } 私の見解では、 <pre class = "span12 pre-scrollable smallbox-paysummary smallbox "> フォント（オーバーラップする要素）が20ではなく10pxと表示される-これが事実である理由を誰かが説明できますか？
109 html  css 
6
HTML5の日付ピッカーにスタイルオプションはありますか？
HTML5の日付ピッカーには本当に満足しています。W3Cが最終的にスラックの一部を取得しているので、このような一般的な入力形式を再発明し続ける必要がないことを知るのは新鮮です。 注意点は、ピッカー自体に色を適用する方法があまり見られない、または予見されていないことです。これにより、ほとんどのサイトでデイトピッカーのようなブレーカーが使用されます。<select>人々はかなりそれを作ることができないという単純な理由のための広範なjavascriptの補充ハックに苦しんでいます。W3Cの土地で何が起こっているのか誰か知っているかどうか知りたいのですが。 これは、もう1つのより大きな質問とペアになっています（答えがわかっている場合に備えて）：W3CやWHATWGに参加して、これらのいくつかの状況を確認できるようにしておく価値はありますか？あらゆる洞察が役立ちます。
109 html  datepicker  w3c 
19
ホバーイベントがトリガーされないようにキャンバスからチャートをクリアする方法は？
Chartjsを使用して折れ線グラフを表示していますが、これは正常に機能します。 // get line chart canvas var targetCanvas = document.getElementById('chartCanvas').getContext('2d'); // draw line chart var chart = new Chart(targetCanvas).Line(chartData); しかし、チャートのデータを変更しようとすると問題が発生します。新しいデータポイントでChartの新しいインスタンスを作成し、キャンバスを再初期化してグラフを更新します。 これは正常に動作します。ただし、新しいグラフにカーソルを合わせると、古いグラフに表示されているポイントに対応する特定の場所に移動すると、ホバー/ラベルがトリガーされ、突然古いグラフが表示されます。マウスがこの場所にある間は表示されたままで、そのポイントから離れると消えます。古いグラフを表示したくない。完全に削除したい。 新しいものをロードする前に、キャンバスと既存のグラフの両方をクリアしようとしました。お気に入り： targetCanvas.clearRect(0,0, targetCanvas.canvas.width, targetCanvas.canvas.height); そして chart.clear(); しかし、これらのどれも今のところ機能していません。これを防ぐにはどうすればいいですか？
16
番号付きリストの番号をどのようにカスタマイズできますか？
番号付きリストの番号を左揃えにするにはどうすればよいですか？ 1. an item // skip some items for brevity 9. another item 10. notice the 1 is under the 9, and the item contents also line up 番号付きリストの番号の後の文字を変更しますか？ 1) an item また、ol要素でtype属性を使用する代わりに、数字からアルファベット/ローマ数字のリストに変更するためのCSSソリューションがあります。 私は主にFirefox 3で動作する回答に興味があります。
9
ボタンからボーダーを削除
ボタンを作成して、標準のボタン画像の代わりに自分の画像を挿入しようとしました。ただし、標準ボタンの灰色の境界線はそのまま残り、黒いボタンの画像の外側に表示されます。 ボタンからこの灰色の境界線を削除する方法を誰かが知っているので、それは単なる画像そのものですか？ありがとうございました。
109 html  css  button 
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.