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

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

17
高さ100％のフルスクリーンiframe
iframeの高さ= 100％はすべてのブラウザーでサポートされていますか？ 私はdoctypeを次のように使用しています： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 私のiframeコードで、私が言うなら： <iframe src="xyz.pdf" width="100%" height="100%" /> つまり、残りのページの高さが実際に使用されます（上部に50pxの固定高さの別のフレームがあるため）これはすべての主要なブラウザー（IE / Firefox / Safari）でサポートされていますか？ また、スクロールバーについてはscrolling="no"、私がと言っても、Firefoxで無効なスクロールバーが表示される...スクロールバーを完全に非表示にして、iframeの高さを自動的に設定するにはどうすればよいですか？
8
マージンまたはパディングを親コンテナの高さのパーセンテージとして設定するにはどうすればよいですか？
私はCSSで垂直方向の配置を作成することに頭を悩ませていました .base{ background-color:green; width:200px; height:200px; overflow:auto; position:relative; } .vert-align{ padding-top:50%; height:50%; } <!-- and used the following div structure. --> <div class="base"> <div class="vert-align"> Content Here </div> </div> コードスニペットを実行するHide resultsスニペットを展開 これはこのケースでは機能しているように見えましたが、ベースdivの幅を拡大または縮小すると、垂直方向の配置がスナップすることに驚きました。padding-topプロパティを設定すると、パディングは親コンテナの高さのパーセンテージとして取得されると予想していましたが、これはこの場合のベースですが、上記の50％の値は、幅。:( JavaScriptを使用せずに、パディングやマージンを高さのパーセンテージとして設定する方法はありますか？
9
複数行のフレックスボックスレイアウトで改行を指定する方法
OverаэтотвопросестьответынаStack Overflowнарусском：Flexbox item —переноснановуюстроку 複数行のフレックスボックスで改行する方法はありますか？ たとえば、このCodePenの 3番目のアイテムごとに中断する場合。 .container { background: tomato; display: flex; flex-flow: row wrap; align-content: space-between; justify-content: space-between; } .item { width: 100px; height: 100px; background: gold; border: 1px solid black; font-size: 30px; line-height: 100px; text-align: center; margin: 10px; } .item:nth-child(3n) { background: silver; } <div class="container"> <div …
236 html  css  flexbox 
7
CSS：疑似要素を削除する方法（後、前、…）？
Webページの段落タグのレイアウトにスイッチを使用したいのですが。 私は後の疑似要素を使用します： p:after {content: url("../img/paragraph.gif");} 次に、このCSSコードをページから削除する必要があります。 これはどのように簡単に行うことができますか？ 追加したい： jQueryは既にページで使用されています CSSを含むファイルを含めたり削除したりしたくありません。
7
親コンテナでsvgスケールを作成するにはどうすればよいですか？
サイズがネイティブではない場合、インラインsvg要素のコンテンツスケールが必要です。もちろん、別のファイルにして、そのようにスケーリングすることもできます。 index.html： <img src="foo.svg" style="width: 100%;" /> foo.svg： <svg width="123" height="456"></svg> ただし、CSSを介してSVGにスタイルを追加したいので、外部スタイルをリンクすることはできません。インラインSVGスケールを作成するにはどうすればよいですか？
236 css  html  svg  scaling 
4
offsetHeight、clientHeight、scrollHeightとは何ですか？
offsetHeight、clientHeightおよびscrollHeightまたはoffsetWidth、clientWidthおよびの違いは何scrollWidthですか？ クライアント側で作業する前に、この違いを知っておく必要があります。そうでなければ、彼らの人生の半分はUIの修正に費やされます。 フィドル、または以下のインライン： function whatis(propType) { var mainDiv = document.getElementById("MainDIV"); if (window.sampleDiv == null) { var div = document.createElement("div"); window.sampleDiv = div; } div = window.sampleDiv; var propTypeWidth = propType.toLowerCase() + "Width"; var propTypeHeight = propType + "Height"; var computedStyle = window.getComputedStyle(mainDiv, null); var borderLeftWidth = computedStyle.getPropertyValue("border-left-width"); var borderTopWidth = …
21
Twitter Bootstrapを使用して要素を非表示にし、jQueryを使用してそれを表示する方法
このようなHTML要素を作成するとします。 <div id="my-div" class="hidden">Hello, TB3</div> <div id="my-div" class="hide">Hello, TB4</div> <div id="my-div" class="d-none">Hello, TB4</div> そのHTML要素をjQuery / Javascriptで表示および非表示にするにはどうすればよいですか。 JavaScript： $(function(){ $("#my-div").show(); }); 結果：（これらのいずれかで）。 上記の要素を非表示にしたい。 Bootstrapを使用して要素を非表示にし、jQueryを使用して表示する最も簡単な方法は何ですか？
12
Bootstrap CSSスタイルをオーバーライドするにはどうすればよいですか？
bootstrap.css私のウェブサイトに合うように変更する必要があります。直接custom.css変更bootstrap.cssするのではなく、別のファイルを作成する方が良いと思います。1つの理由はbootstrap.css、更新を取得する必要があるためです。すべての変更を再度含めようとすると苦労します。これらのスタイルの読み込み時間を少し犠牲にしますが、オーバーライドするいくつかのスタイルでは無視できます。 アンカー/クラスのスタイルbootstrap.cssを削除するようにオーバーライドするにはどうすればよいですか？たとえば、次のスタイリングルールをすべて削除したい場合legend： legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } ですべて削除できbootstrap.cssますが、CSSのオーバーライドに関するベストプラクティスについての私の理解が正しい場合は、代わりに何をすべきですか？ 明確にするために、これらの凡例のスタイルをすべて削除し、親のCSS値を使用したいと思います。プラナフの答えを組み合わせて、私は次のことをしますか？ legend { display: inherit !important; width: inherit !important; padding: inherit !important; margin-bottom: inherit !important; font-size: inherit !important; line-height: inherit !important; color: inherit !important; …
9
カーソルを指ポインターに変更
私はこれを持っaていますが、カーソルが通常のリンクのように指のポインタに変わるように「onmouseover」に挿入する必要があることを知りません： <a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover=""> A </a> 私はどこかに置く必要があることを読みました： onmouseover="cursor: hand (a pointing hand)" しかし、それは私のために働いていません。 さらに、これがJavaScript、CSS、または単なるHTMLと見なされるかどうかはわかりません。
234 html  css  mouseevent 
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.