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

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

22
2つのdivを同じ高さに保つにはどうすればよいですか?
2つのdivが並んでいます。それらの高さを同じにして、そのうちの1つがサイズ変更しても同じままにしたいです。私はこれを理解することはできません。アイデア? 混乱を招く質問を明確にするために、両方のボックスを常に同じサイズにしたいので、テキストが配置されたために1つが大きくなった場合、もう1つは高さに合わせて大きくする必要があります。 <div style="overflow: hidden"> <div style="border:1px solid #cccccc; float:left; padding-bottom:1000px; margin-bottom:-1000px"> Some content!<br/> Some content!<br/> Some content!<br/> Some content!<br/> Some content!<br/> </div> <div style="border:1px solid #cccccc; float:left; padding-bottom:1000px; margin-bottom:-1000px"> Some content! </div> </div> コードスニペットを実行する結果を非表示スニペットを展開
441 html  css  html-table  flexbox 

2
Webブラウザーでの.otfフォントの使用
オンラインでフォントの試用を必要とするWebサイトで作業しています。使用しているフォントはすべて.otfです。 フォントを埋め込み、すべてのブラウザで機能させる方法はありますか? そうでない場合、他にどのような選択肢がありますか?
440 html  css  fonts  font-face 

19
CSSが偽の要素で動作するのはなぜですか?
私のクラスで、私は遊んでいて、CSSが構成要素で動作することを発見しました。 例: imsocool { color:blue; } <imsocool>HELLO</imsocool> コードスニペットを実行する結果を非表示スニペットを展開 私の教授がこれを使用しているのを初めて見たとき、彼は構成要素が機能していることを少し驚き、構成要素をすべてID付きの段落に変更することを勧めました。 なぜ私の教授は私が作り上げた要素を使用することを望んでいないのですか?彼らは効果的に働きます。 また、なぜ彼は構成要素が存在し、CSSで動作することを知らなかったのですか。彼らは珍しいですか?
438 html  css 

10
左、中央、または右揃えのアイテムを備えたブートストラップNavBar
ではブートストラップ、右に左にロゴA、中央のメニュー項目、およびロゴBを持つナビゲーションバーを作成する最もプラットフォームフレンドリーな方法は何ですか? これが私がこれまでに試したものであり、ロゴAが左側に、メニュー項目が左側のロゴの隣に、ロゴBが右側にあるように配置されます。 <div class="navbar navbar-fixed-top navbar-custom "> <div class="container" > <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#"><span class="navbar-logo">Logo_A</span></a> </div> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li> <li><a href="#about">Menu Item 1</a></li> <li><a href="#contact">Menu Item 2</a></li> <li><a href="#about">Menu Item 3</a></li> …

8
HTMLチェックボックスのチェックされた属性の適切な値は何ですか?
HTMLでチェックボックス入力を作成する方法は誰でも知っています。 <input name="checkbox_name" id="checkbox_id" type="checkbox"> わからないこと-チェックされたチェックボックスの技術的に正しい値は何ですか?私はこれらすべての仕事を見てきました: <input name="checkbox_name" id="checkbox_id" type="checkbox" checked> <input name="checkbox_name" id="checkbox_id" type="checkbox" checked="on"> <input name="checkbox_name" id="checkbox_id" type="checkbox" checked="yes"> <input name="checkbox_name" id="checkbox_id" type="checkbox" checked="checked"> <input name="checkbox_name" id="checkbox_id" type="checkbox" checked="true"> コードスニペットを実行する結果を非表示スニペットを展開 それは問題ではないという答えですか?ここでは、仕様自体から正しいとマークされた回答の証拠はありません。 チェックボックス(およびラジオボタン)は、ユーザーが切り替えることができるオン/オフスイッチです。コントロール要素のchecked属性が設定されている場合、スイッチは「オン」です。フォームが送信されると、「オン」のチェックボックスコントロールのみが成功します。フォームの複数のチェックボックスが同じコントロール名を共有する場合があります。したがって、たとえば、チェックボックスを使用すると、ユーザーは同じプロパティの複数の値を選択できます。INPUT要素は、チェックボックスコントロールを作成するために使用されます。 スペック作成者は正しい答えは何だと思いますか?エビデンスに基づく回答を提供してください。


14
ブラウザウィンドウで現在のタブを閉じる方法は?
ブラウザの他のタブを閉じずに、ブラウザの現在アクティブなタブを閉じるリンクをWebページに作成したいと考えています。ユーザーが閉じるリンクをクリックすると、「はい」と「いいえ」の2つのボタンで確認を求める警告メッセージが表示されます。ユーザーが「はい」をクリックした場合はそのページを閉じ、「いいえ」の場合は何もしません。 どうすればできますか?助言がありますか?

15
テキスト領域のjQueryセットカーソル位置
jQueryを使用してテキストフィールドのカーソル位置をどのように設定しますか?コンテンツを含むテキストフィールドがあり、ユーザーがフィールドにフォーカスしたときに、ユーザーのカーソルを特定のオフセットに配置したいと考えています。コードは次のようになります。 $('#input').focus(function() { $(this).setCursorPosition(4); }); そのsetCursorPosition関数の実装はどのようになりますか?abcdefgという内容のテキストフィールドがある場合、この呼び出しにより、カーソルは次のように配置されます:abcd ** | ** efg。 Javaにも同様の関数setCaretPositionがあります。JavaScriptにも同様の方法はありますか? 更新:次のように、jQueryで動作するようにCMSのコードを変更しました。 new function($) { $.fn.setCursorPosition = function(pos) { if (this.setSelectionRange) { this.setSelectionRange(pos, pos); } else if (this.createTextRange) { var range = this.createTextRange(); range.collapse(true); if(pos < 0) { pos = $(this).val().length + pos; } range.moveEnd('character', pos); range.moveStart('character', pos); range.select(); } …

5
CSSは必要なければスクロールバーを隠す
私はどのように隠すことができるかを理解しようとしています overflow-y:scroll;必要でない場合にどうすればいます。つまり、私はWebサイトを構築していて、投稿が表示されるメイン領域があり、コンテンツが現在の幅を超えない場合はスクロールバーを非表示にしたいと考えています。 また、2つ目の質問です。投稿が現在の幅を超えたときに幅が自動的に増加し、コンテンツがボックスから出ないようにしたいと思います。 誰にもこれを行う方法の手掛かりがありますか? 投稿エリア: .content { height: 600px; border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid; font-size: 15px; text-align: justify; line-height: 19px; overflow-y:scroll; } メインWebサイトコンテナー: .container { margin: 0 auto; width: 757px; margin-top: 30px; text-align: center; }
435 html  css 


19
HTMLボタンまたはJavaScriptをクリックしたときにファイルのダウンロードをトリガーする方法
これはおかしいですが、どうすればよいかわかりません。また、単語が一般的であるため、検索エンジンで必要なものを見つけるのが困難です。これは答えやすいものだと思います。 これと同じことを行う簡単なファイルのダウンロードが必要です: <a href="file.doc">Download!</a> しかし、私はHTMLボタンを使用したいと思っています。 <input type="button" value="Download!"> <button>Download!</button> 同様に、JavaScriptを介して単純なダウンロードをトリガーすることは可能ですか? $("#fileRequest").click(function(){ /* code to download? */ }); ボタンのように見えるアンカーを作成したり、バックエンドスクリプトを使用したり、サーバーヘッダーやMIMEタイプを混乱させる方法を探しているのは間違いありません。

20
ボタンをクリックしてjQueryを使用してクリップボードにコピー
div内のテキストをクリップボードにコピーするにはどうすればよいですか?divがあり、テキストをクリップボードに追加するリンクを追加する必要があります。これに対する解決策はありますか? <p class="content">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p> <a class="copy-text">copy Text</a> テキストのコピーをクリックしてからCtrl+ を押すVと、貼り付ける必要があります。
433 jquery  html  css 


14
jQueryを使用して「Enter」でフォームを送信しますか?
HTML / jQueryを使用しているAIRプロジェクトで、沼地の標準ログインフォーム-電子メールテキストフィールド、パスワードフィールド、および送信ボタンを持っています。フォームでEnterキーを押すと、フォーム全体の内容が消えますが、フォームは送信されません。これがWebkitの問題なのか(Adobe AIRはWebkit for HTMLを使用しているのか)、または私がまとめたものがあるのか​​、誰か知っていますか? 私は試した: $('.input').keypress(function (e) { if (e.which == 13) { $('form#login').submit(); } }); しかし、それはどちらも清算行動を止めず、フォームを提出しませんでした。フォームに関連付けられているアクションはありません-それが問題なのでしょうか?アクションにJavaScript関数を含めることはできますか?

15
CSSにパディングが存在する場合、オーバーフローせずにTextAreaの幅を100%にするにはどうすればよいですか?
次のCSSおよびHTMLスニペットがレンダリングされています。 textarea { border:1px solid #999999; width:100%; margin:5px 0; padding:3px; } <div style="display: block;" id="rulesformitem" class="formitem"> <label for="rules" id="ruleslabel">Rules:</label> <textarea cols="2" rows="10" id="rules"/> </div> コードスニペットを実行する結果を非表示スニペットを展開 問題は、テキスト領域が親よりも8px広くなる(境界線の2px +パディングの6px)ことです。境界線とパディングを引き続き使用しながら、の合計サイズをtextarea親の幅に制限する方法はありますか?
426 html  css  stylesheet 

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.