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

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 

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

440 html  css  fonts  font-face 

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

438 html  css 

ではブートストラップ、右に左にロゴ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> …

437 html  css  twitter-bootstrap  bootstrap-4  navbar 

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要素は、チェックボックスコントロールを作成するために使用されます。 スペック作成者は正しい答えは何だと思いますか？エビデンスに基づく回答を提供してください。

436 html  forms  checkbox  html-input 

ブートストラップを使用していますが、以下は機能しません。 <tbody> <a href="#"> <tr> <td>Blah Blah</td> <td>1234567</td> <td>£158,000</td> </tr> </a> </tbody>

436 html  html-table  bootstrap-4 

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

436 javascript  html  hyperlink 

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(); } …

435 javascript  jquery  html  textfield 

私はどのように隠すことができるかを理解しようとしています 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 

私はこれについて少し読みましたが、さまざまなブラウザーが物事をどのように処理するかについて確固たるものを見つけることができません。

434 html  cross-browser 

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

434 javascript  html  download 

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 

Google Maps API v2では、すべてのマップマーカーを削除したい場合は、次のようにするだけです。 map.clearOverlays(); Google Maps API v3でこれを行うにはどうすればよいですか？ リファレンスAPIを見ると、私にはわかりません。

429 javascript  html  google-maps  google-maps-api-3 

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

427 javascript  jquery  html  webkit  forms 

次の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