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

これが私のHTMLです： <select id="ddlProducts" name="ddProducts"> <option>Product1 : Electronics </option> <option>Product2 : Sports </option> </select> CSSのみを使用して、製品の名前（「Product1」、「Product2」など）を太字にし、そのカテゴリ（つまり、電化製品、スポーツなど）を斜体にしたい。HTMLとCSSを使用することは不可能であるという古い質問を見つけましたが、うまくいけば、現在解決策があります。

202 html  css  drop-down-menu 

私はAngular2にかなり慣れていませんが、少し問題があります。 私のLogin-Component-HTMLには2つのチェックボックスがあり、Login-Component-TypeScriptに2方向のデータバインディングでバインドします。 これはHTMLです。 <div class="checkbox"> <label> <input #saveUsername [(ngModel)]="saveUsername.selected" type="checkbox" data-toggle="toggle">Save username </label> </div> そして、これはComponent.tsです。 import { Component, OnInit } from '@angular/core'; import { Router } from '@angular/router'; import { Variables } from '../../services/variables'; @Component({ selector: 'login', moduleId: module.id, templateUrl: 'login.component.html', styleUrls: ['login.component.css'] }) export class LoginComponent implements OnInit { …

202 html  angular  typescript  checkbox  data-binding 

この問題には簡単な解決策があると確信しています。基本的に、2つの列がある場合、どうすればそれらの間にスペースを追加できますか？ たとえば、htmlが次の場合： <div class="col-md-6"></div> <div class="col-md-6"></div> 出力は、ページの幅全体を占める、隣り合った2つの列になります。幅が1000px次に設定されているとすると、各divは500px広くなります。 100px2つの間にスペースが必要な場合、どうすればこれを達成できますか？明らかに、ブートストラップを介して自動的にdivサイズは450pxそれぞれのスペースを補うようになります

202 html  css  twitter-bootstrap-3  grid-layout 

マウスをaの上<tr>に移動したときにカーソルポインターを手に変更するには<table> <table class="sortable" border-style:> <tr> <th class="tname">Name</th><th class="tage">Age</th> </tr> <tr><td class="tname">Jennifer</td><td class="tage">24</td></tr> <tr><td class="tname">Kate</td><td class="tage">36</td></tr> <tr><td class="tname">David</td><td class="tage">25</td></tr> <tr><td class="tname">Mark</td><td class="tage">40</td></tr> </table>

201 html  css  cursor 

この画像をオーバーフローさせ<div>たり、画像を歪ませたりせずに、可能な限り最大サイズに拡大する必要があります。 画像のアスペクト比を予測できないため、使用するかどうかを知る方法はありません。 <img src="url" style="width: 100%;"> または <img src="url" style="height: 100%;"> 両方に使用することはできません（つまり、style = "width：100％; height：100％;"）。これは、画像をに合わせて引き伸ばすためです<div>。 の<div>サイズは画面のパーセンテージで設定されますが、これも予測できません。

201 image  html  size 

順序付けされたリストは、CSSで（1、2、3、...ではなく）1.1、1.2、1.3のような結果を生成できますか？これまでのところ、使用したのlist-style-type:decimalは1、2、3のみで、1.1、1.2、1.3ではありません。

201 html  css 

ビデオやニュースフィードなどのさまざまな「セクション」で構成されたページがあります。HTML5でこれらを表現する方法が少し混乱しています。現在、私はそれらをHTML5として持っています<section>が、さらに調べると、より正しいタグであるように見えます<article>。誰か私にこれについていくつかの光を当てることができますか？ これらはいずれも、ブログの投稿や「ドキュメント」という言葉そのものではないため、どの要素を適用するのかがわかりにくいのです。 乾杯 編集：私のarticleタグが「セクション」であると思われる無関係な要素のコンテナタグのように思われるため、タグを使用することを選択しました。ただし、実際のタグ名の記事は誤解を招くようで、HTML5はWeb アプリケーションを考慮して開発されたと述べていますが、多くのタグはブログ中心/ドキュメントベースであることがわかりました。 とにかくあなたの答えをありがとう、それはかなり主観的なようです。

201 html  markup 

私はスタイルにしようとしたfieldsetとの要素をdisplay: flexとdisplay: inline-flex。 ただし、機能しませんでした。のflexようblockに動作し、のようにinline-flex動作しましたinline-block。 これはFirefoxとChromeの両方で発生しますが、不思議なことにIEでは機能します。 バグですか？HTML5でも、CSSフレキシブルボックスレイアウトの仕様fieldsetでも、特別な動作があるはずです。 fieldset, div { display: flex; border: 1px solid; } <fieldset> <p>foo</p> <p>bar</p> </fieldset> <div> <p>foo</p> <p>bar</p> </div> コードスニペットを実行する結果を非表示スニペットを展開

201 html  css  flexbox 

JavaScript機能でHTMLにテキストを表示したい。JSでHTML特殊文字をエスケープするにはどうすればよいですか？APIはありますか？

201 javascript  html 

私はdivコンテナを持っており、そのスタイルを次のように定義しています： div#tbl-container { width: 600px; overflow: auto; scrollbar-base-color:#ffeaff } これにより、このdivに含まれるテーブルにデータを入力すると、水平スクロールバーと垂直スクロールバーの両方が自動的に表示されます。水平スクロールバーだけが自動的に表示されるようにしたいだけです。プログラムでテーブルの高さを変更します。 どうすればよいですか？

200 css  html 

自家製のクラスなしで、このようなフォーム（以下のリンクを参照）をTwitterブートストラップでデザインする最良の方法は何ですか？ 次の例のように、form-horizo​​ntalの内部にinner form-inlineを設定することは可能ですか？

200 html  forms  twitter-bootstrap 

に'<'なるなど、一部のHTMLエンティティをデコードしようとしています'<'。 私は古い宝石（html_helpers）を持っていますが、2回放棄されたようです。 何かお勧めですか？モデルで使用する必要があります。

200 html  ruby 

ヘッダータグがある場合 <h1 class="hc-reform">title</h1> h1.hc-reform{ float:left; font-size:30px; color:#0e73bb; font-weight:bold; margin:10px 0px; } その後、段落があり<p>stuff here</p>ます。 CSS を使用<p>して、h1.hc-reformに続くすべてのタグが使用することを確認するにはどうすればよいですか？clear:both; それは： h1.hc-reform > p{ clear:both; } 何らかの理由で機能しません。

200 html  css  css-selectors  siblings 

マークダウンテーブル内にリスト（箇条書き、番号付きまたは番号なし）を作成できます。 テーブルは次のようになります。 | Tables | Are | Cool | | ------------- |:-------------:| -----:| | col 3 is | right-aligned | $1600 | | col 2 is | centered | $12 | | zebra stripes | are neat | $1 | リストは次のようになります。 * one * two * three どういうわけかそれらをマージできますか？

200 html  markdown  github-flavored-markdown 

これを想定すると： <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("svg").append('<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/>'); }); </script> </head> <body> <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 100" width="200px" height="100px"> </svg> </body> 何も表示されないのはなぜですか？

199 jquery  html  svg