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

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

8
<pre>タグ内で<と>をエスケープする方法
&lt;pre&gt;タグ内にコードセグメントを含むブログ投稿を作成しようとしています。コードセグメントにはジェネリック型が含まれ、&lt;&gt;その型の定義に使用されます。セグメントは次のようになります。 &lt;pre&gt; PrimeCalc calc = new PrimeCalc(); Func&lt;int, int&gt; del = calc.GetNextPrime; &lt;/pre&gt; 結果のHTMLはを削除し、次の&lt;&gt;ようになります。 PrimeCalc calc = new PrimeCalc(); Func del = calc.GetNextPrime; &lt;&gt;HTMLに表示されるようにエスケープするにはどうすればよいですか?

13
CSSを使用して要素のオフセットを取り除くにはどうすればよいですか?
いくつかの要素で位置の問題があります。IE8Developerツールを調べると、次のように表示されます。 今、私は問題が12のオフセットであることをかなり確信していますが、どうすればそれを削除できますか?CSSオフセットプロパティの記述が見つかりません。マージンに加えてオフセットが必要ですか? これがこれを生成するコードです: &lt;div id="wahoo" style="border: solid 1px black; height:100px;"&gt; &lt;asp:TextBox ID="inputBox" runat="server" /&gt; &lt;input id="btnDropDown" type="button" style="width:26px; height:26px; background-position: center center; border-left-color: buttonface; background-image: url(Images/WebResource.gif); border-bottom-color: buttonface; border-top-color: buttonface; background-repeat: no-repeat; border-right-color: buttonface;" tabindex="99" /&gt; &lt;div id="ListboxWrapper" style="display:none; position:absolute; onfocusout="this.style.display = 'none'""&gt; &lt;asp:ListBox ID="lstBoxCompany" runat="server" AutoPostBack="True" OnSelectedIndexChanged="lstBoxCompany_SelectedIndexChanged" style="z-index: 100;" …

5
水平スクロールのみのDiv
多くの列を持つテーブルを含む固定幅のDIVがあり、ユーザーがDIV内でテーブルを水平にスクロールできるようにする必要があります。 これは、IE6およびIE7のみで動作する必要があります(内部クライアントアプリケーション)。 以下はIE7で機能します。 overflow-x: scroll; 誰かがIE6でも機能するソリューションを手伝ってくれる?
88 html  css 

13
スパンを使用せずにHTMLリストの箇条書きの色を変更する
リストの箇条書きの色を変更する方法があるかどうか疑問に思っていました。 私はこのようなリストを持っています: &lt;ul&gt; &lt;li&gt;House&lt;/li&gt; &lt;li&gt;Car&lt;/li&gt; &lt;li&gt;Garden&lt;/li&gt; &lt;/ul&gt; 「スパン」や「p」など、liに何も挿入することはできません。では、箇条書きの色は変更できますが、テキストは変更できませんか?
88 html  css 

13
HTML要素全体をカバーするように背景画像を拡大するにはどうすればよいですか?
HTML要素(body、divなど)の背景画像を取得して、幅と高さ全体を拡大しようとしています。 運が悪い。それは可能ですか、それとも背景画像以外の方法で行う必要がありますか? 私の現在のCSSは: body { background-position: left top; background-image: url(_images/home.jpg); background-repeat: no-repeat; } 前もって感謝します。 編集:私はガブリエルの提案でCSSを維持することに熱心ではないので、代わりにページのレイアウトを変更します。しかし、それが最良の答えのように思われるので、そのようにマークします。


5
範囲入力スライダーを垂直に表示する方法
&lt;input type="range" /&gt;スライダーコントロールを縦に表示したい。私が関心を持っているのは、範囲スライダーコントロールをサポートするブラウザーだけです。 幅よりも高さを設定するとブラウザの向きが自動的に変更されることを示すと思われるコメントや参照を見つけましたが、私のテストでは、Operaでのみ機能し、Operaでは機能しなくなりました。HTML5範囲スライダーを垂直方向に向けるにはどうすればよいですか?
88 html  css 

6
固定領域を除いて画面全体を暗くしますか?
ユーザーがクリックする場所を正確に案内するチュートリアルを作成したいと思います。私は、画面全体をカバーしようとしている&lt;div&gt;以外のすべての要素を暗くなる特定の地域固定でありwidth、height、topとleft。 問題は、親の "キャンセル"方法が見つからないことですbackground-color(これも透過的です)。 以下の抜粋holeで、divは、background-colorその親のも含め、何もないはずです。 これはまったく達成できますか?何か案は? #bg{ background-color:gray; opacity:0.6; width:100%; height:100vh; } #hole{ position:fixed; top:100px; left:100px; width:100px; height:100px; } &lt;div id="bg"&gt; &lt;div id="hole"&gt;&lt;/div&gt; &lt;/div&gt; コードスニペットを実行する結果を非表示スニペットを展開 これが私が達成しようとしていることのモックアップ画像です:
88 javascript  jquery  html  css 

1
jQuery:ページの下部に外部JSがある場合、なぜdocument.readyを使用するのですか?
ページの一番下に読み込まれる外部ファイルとして、すべてのJSを含めています。これらのファイル内には、そのように定義されたいくつかのメソッドがあり、readyイベントから呼び出します。 var SomeNamepsace = {}; SomeNamepsace.firstMethod = function () { // do something }; SomeNamepsace.secondMethod = function () { // do something else }; $(document).ready(function () { SomeNamepsace.firstMethod(); SomeNamepsace.secondMethod(); }); ただし、ready関数を削除してメソッドを直接呼び出すと、すべてが同じように機能しますが、実行速度は大幅に速くなります。かなり基本的なファイルでは、ほぼ1秒速くなります。この時点でドキュメントをロードする必要があるため(すべてのマークアップはスクリプトタグの前に来るため)、readyイベントを引き続き使用する正当な理由はありますか?




10
現在の場所から始まり、特定の場所に向かうルートでGoogleマップを開くすべてのモバイルデバイスのリンクを作成するにはどうすればよいですか?
私はむしろこれを見つけるのはそれほど難しいことではないと思いましたが、あなたが期待するように、素晴らしいクロスデバイスの記事を見つけるのは簡単ではないようです。 モバイルデバイスのブラウザを開いてGoogleマップに移動するか、マップアプリ(AppleMapsまたはGoogleMaps)を開いてルートを直接開始するリンクを作成したい。つまり、現在の場所から開始し、特定のポイントで終了する(緯度/経度)。 AndroidとiPhoneの2つのデバイス(browserstack以外)でテストできます。 次のリンクはAndroidでのみ機能します。 &lt;a href="http://maps.google.com/maps?daddr=lat,long&amp;amp;ll="&gt;Take me there!&lt;/a&gt; iPhoneのChromeでこのリンクをクリックすると、モバイルアプリに広告が表示されたデスクトップバージョンのGoogleマップが奇妙に開きます... これはiOSでのみ機能し、Apple Mapsを開いて、開始場所を入力するように求められ(「現在の場所」を選択できます)、ルートを開始します=目的の動作。このリンクをクリックすると、Androidでは完全に失敗します。 &lt;a href="maps://maps.google.com/maps?daddr=lat,long&amp;amp;ll="&gt;Take me there!&lt;/a&gt; maps://プロトコルに注意してください。 そのようなリンクを作成するエレガントなクロスデバイスの方法はありますか?すべての主要な携帯電話で機能する1つのリンク? ありがとう 更新:解決策が見つかりました(ちょっと) これが私が思いついたものです。それは機能していますが、私が想像したものとはまったく異なります。 var ua = navigator.userAgent.toLowerCase(), plat = navigator.platform, protocol = '', a, href; $.browser.device = ua.match(/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera/i) ? ua.match(/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera/i)[0] : false; if ($.browser.device) { switch($.browser.device) { case 'iphone': case 'ipad': case 'ipod': …


7
SPANの高さプロパティを設定する方法
次のコードを事前定義された高さでストレッチ可能にする必要があります &lt;style&gt; .title{ background: url(bg.gif) no-repeat bottom right; height: 25px; } &lt;/style&gt; &lt;span class="title"&gt;This is title&lt;/span&gt; ただし、spanはインライン要素であるため、「height」プロパティは機能しません。 代わりにdivを使用してみましたが、上部要素の幅まで拡張されます。そして、幅は柔軟でなければなりません。 誰かがこれに対する良い解決策を提案できますか? 前もって感謝します。
88 css  height  html 

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