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

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

8
FontAwesomeからSVGを抽出する
Font AwesomeグリフからSVGパスデータを取得して、HTMLでSVGとして直接使用できるようにします。fontawesome-webfont.svgからパスデータをコピーして貼り付けるのと同じくらい簡単だと思いましたが、HTMLで使用すると、シンボルがすべて逆さまにレンダリングされます。誰もが理由を知っていますか？ （フィドルを参照） Font Awesome SVG： <glyph unicode="" horiz-adv-x="1408" d="M1408 131q0 -120 -73 -189.5t-194 -69.5h-874q-121 0 -194 69.5t-73 189.5q0 53 3.5 103.5t14 109t26.5 108.5t43 97.5t62 81t85.5 53.5t111.5 20q9 0 42 -21.5t74.5 -48t108 -48t133.5 -21.5t133.5 21.5t108 48t74.5 48t42 21.5q61 0 111.5 -20t85.5 -53.5t62 -81 t43 -97.5t26.5 -108.5t14 -109t3.5 -103.5zM1088 1024q0 -159 …
89 html  svg  font-awesome 
8
内容に関係なく、テーブルの列幅を常に固定するように強制します
table-layout: fixed幅が設定されたhtmlテーブルとtdがあります。列は、スペースを含まないテキストのコンテンツを保持するために引き続き展開されます。各tdの内容をdivでラップする以外にこれを修正する方法はありますか？ 例：http：//jsfiddle.net/6p9K3/29/ <table> <tbody> <tr> <td style="width: 50px;">Test</td> <td>Testing 1123455</td> </tr><tr> <td style="width: 50px;">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td> <td>B</td> </tr> </tbody> </table> table { table-layout: fixed; } td { border: 1px solid green; overflow: hidden; } この例では、幅が50pxに明示的に設定されているにもかかわらず、AAAAAAAAAAAA ...の列が展開されていることがわかります。
89 html  css 
6
絶対位置内の絶対位置決め
私は3つのdiv要素を持っています。 1番目divは大きく（ラップ）、position:relative; 2番目divは1番目のdiv相対位置に対して絶対的に配置されます（そして1番目に含まれますdiv） 3番目divは2番目に含まれ、div絶対位置もあります。 <div id="1st"> <div id="2nd"> <div id="3rd"></div> </div> </div> 相対位置を持つ1番目ではなく、3div番目の位置が2番目div（1番目の絶対位置でもある）に対して絶対的であるのはなぜですか？divdiv 3番目divは絶対位置の2番目への絶対位置だからdivです。
89 html  css  css-position 
3
HTML5ビデオタグ付きのローカル（ハードドライブ）ビデオファイルを再生しますか？
以下を実現したい。 <video src="file:///Users/username/folder/video.webm"> </video> その目的は、ユーザーが自分のハードドライブからファイルを選択できるようにすることです。 そして、アップロードしない理由はもちろん、送信コストとストレージクォータです。ファイルを保存する理由はありません。 出来ますか？
2
Base64PNGデータからHTML5キャンバスへ
Base64でエンコードされたPNG画像をcanvas要素にロードしたい。私はこのコードを持っています： <html> <head> </head> <body> <canvas id="c"></canvas> <script type="text/javascript"> var canvas = document.getElementById("c"); var ctx = canvas.getContext("2d"); data = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oMCRUiMrIBQVkAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAADElEQVQI12NgoC4AAABQAAEiE+h1AAAAAElFTkSuQmCC"; ctx.drawImage(data, 0, 0); </script> </body> </html> Chrome 8では、次のエラーが発生します。 Uncaught TypeError: Type error そしてFirefoxのFirebugではこれ：「オブジェクトのタイプはオブジェクトに関連付けられたパラメータの予想されるタイプと互換性がありません」コード：「17」 そのbase64には、GIMPで作成した5x5pxの黒いPNGの正方形があり、GNU / Linuxのプログラムbase64でbase64に変換します。
89 html  canvas  png  base64 
2
フォームに入力要素を動的に追加する
フィールドセットを動的に追加することに関する多くのブログや投稿を読みましたが、それらはすべて非常に複雑な答えを示しています。私が必要とするのはそれほど複雑ではありません。 私のHTMLコード： <input type="text" name="member" value="">Number of members: (max. 10)<br /> <a href="#" id="filldetails">Fill Details</a> したがって、ユーザーはinputフィールドに整数値（javascriptを使用して検証をチェックしています）を入力します。Fill Detailsリンクをクリックすると、対応する数の入力フィールドが表示され、入力できます。javascriptを使用してこれを実現したいと思います。 私はJavaScriptのプロではありません。inputリンクを介してユーザーがフィールドに入力した整数を取得し、対応する数の入力フィールドを表示するにはどうすればよいかを考えていました。
89 javascript  html  forms 
3
ドメイン間でwindow.postMessageをどのように使用しますか？
window.postMessageのポイントは、異なるドメインでホストされているウィンドウ/フレーム間の安全な通信を可能にすることであるように見えますが、実際にはChromeではそれを許可していないようです。 シナリオは次のとおりです。 ドメインAのページに<iframe>（srcドメインB *にある）を埋め込む <iframe>は、ほとんどが<script>タグになり、最後に実行されます... window.postMessage（some_data、page_on_A）を呼び出します <iframe>は間違いなくドメインBのコンテキストにあり、その<iframe>に埋め込まれたJavaScriptが正しく実行さpostMessageれ、正しい値で呼び出されることを確認しました。 Chromeで次のエラーメッセージが表示されます。 Aにメッセージを投稿できません。受信者の原点はBです。 Aのページにメッセージイベントリスナーを登録するコードは次のとおりです。 window.addEventListener( "message", function (event) { // Do something }, false); 私も呼び出してみましたwindow.postMessage(some_data, '*')が、エラーを抑えるだけです。 ここで要点を見逃しているだけですか、window.postMessage（...）はこれを目的としていませんか？それとも私はそれをひどく間違っているだけですか？ * MIMEタイプのtext / html。そのままにしておく必要があります。
8
「自動」の高さの100％幅の背景画像
私は現在、会社のモバイルランディングページに取り組んでいます。これは本当に基本的なレイアウトですが、ヘッダーの下には常に100％の幅になる製品の画像があります（デザインは常に端から端まで行くことを示しています）。画面の幅に応じて、画像の高さは明らかにそれに応じて調整されます。私はもともとimg（CSS幅100％）でこれを行いましたが、うまく機能しましたが、メディアクエリを使用して、さまざまな解像度に基づいてさまざまな画像を提供したいと思いました。たとえば、同じ画像の大きなバージョン。CSSでimgsrcを変更できないことはわかっているので、HTMLのimgタグではなく、画像にCSSの背景を使用する必要があると考えました。 背景画像のdivは背景を表示するために幅と高さの両方を必要とするため、これを適切に機能させることができないようです。明らかに「幅：100％」を使用できますが、高さには何を使用しますか？150pxのようなランダムな固定高さを設定すると、画像の上部150pxが表示されますが、固定高さがないため、これは解決策ではありません。私は遊びをして、高さがあれば（150pxでテスト）、「background-size：100％」を使用して画像をdivに正しく合わせることができることを発見しました。このプロジェクトはモバイルのみを対象としているため、最新のCSS3を使用できます。 以下に大まかな例を追加しました。インラインスタイルを失礼しますが、質問をもう少し明確にするための基本的な例を示したいと思いました。 <div id="image-container"> <div id="image" style="background: url(image.jpg) no-repeat; width: 100%; height: 150px; background-size: 100%;"></div> </div> コンテナdivにページ全体に基づいてパーセンテージの高さを指定する必要があるのでしょうか、それともこれを完全に間違って見ているのでしょうか。 また、CSSの背景がこれを行うための最良の方法だと思いますか？たぶん、デバイス/画面の幅に基づいて異なるimgタグを提供する手法があります。一般的な考え方は、ランディングページテンプレートはさまざまな製品画像で何度も使用されるため、これを可能な限り最善の方法で開発する必要があります。 申し訳ありませんが、これは少し時間がかかりますが、このプロジェクトから次のプロジェクトへと行ったり来たりしているので、この小さなことをやりたいと思います。よろしくお願いします。よろしく
9
ExcelからWebページにコピー/貼り付け
スプレアシートからWebフォームにコピーアンドペーストするための標準的な方法またはライブラリはありますか？Excelから複数のセルを選択すると、（明らかに）区切り文字が失われ、すべてがWebフォームの1つのセルに貼り付けられます。VBで行う必要がありますか？または、Webフォームで貼り付けアクションが開始されたら、処理を実行できますか？
89 javascript  html  forms  excel 
7
C＃のWebサイトからHTMLコードを取得する
WebサイトからHTMLコードを取得して保存し、LINQ式でテキストを見つける方法は？ 次のコードを使用して、Webページのソースを取得しています。 public static String code(string Url) { HttpWebRequest myRequest = (HttpWebRequest)WebRequest.Create(Url); myRequest.Method = "GET"; WebResponse myResponse = myRequest.GetResponse(); StreamReader sr = new StreamReader(myResponse.GetResponseStream(), System.Text.Encoding.UTF8); string result = sr.ReadToEnd(); sr.Close(); myResponse.Close(); return result; } Webページのソースのdiv内のテキストを見つけるにはどうすればよいですか？
89 c#  html  linq 
16
<ul> <li>をdivの中央に配置するには
順序付けられていないリストを&lt;li&gt;固定幅に中央揃えするにはどうすればよいdivですか？ &lt;table width="100%"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td width="41%"&gt;&lt;img src="/web/20100104192317im_/http://www.studioteknik.com/html2/html/images/hors-service.jpg" width="400" height="424"&gt;&lt;/td&gt; &lt;td width="59%"&gt;&lt;p align="left"&gt;&amp;nbsp;&lt;/p&gt; &lt;h1 align="left"&gt;StudioTeknik.com&lt;/h1&gt; &lt;p&gt;&lt;br align="left"&gt; &lt;strong&gt;Marc-André Ménard&lt;/strong&gt;&lt;/p&gt; &lt;ul&gt; &lt;li&gt;Photographie digitale&lt;/li&gt; &lt;li&gt;Infographie &lt;/li&gt; &lt;li&gt;Débug et IT (MAC et PC)&lt;/li&gt; &lt;li&gt; Retouche &lt;/li&gt; &lt;li&gt;Site internet&lt;/li&gt; &lt;li&gt;Graphisme&lt;/li&gt; &lt;/ul&gt; &lt;p align="left"&gt;&lt;span class="style1"&gt;&lt;strong&gt;Cellulaire en suisse : &lt;/strong&gt;&lt;/span&gt;&lt;a href="#"&gt;+41 079 573 48 99&lt;/a&gt;&lt;/p&gt; &lt;p …
88 css  html  html-lists 
6
jQuery AJAX呼び出しの読み込みインジケーターを実装する
リンクから起動するBootstrapモーダルがあります。AJAXクエリがデータベースからデータをフェッチする間、約3秒間は空白のままです。ある種のローディングインジケーターを実装するにはどうすればよいですか？Twitterブートストラップはデフォルトでこの機能を提供しますか？ 編集：モーダルのJSコード &lt;script type="text/javascript"&gt; $('#myModal').modal('hide'); $('div.divBox a').click(function(){ var vendor = $(this).text(); $('#myModal').off('show'); $('#myModal').on('show', function(){ $.ajax({ type: "GET", url: "ip.php", data: "id=" + vendor, success: function(html){ $("#modal-body").html(html); $(".modal-header h3").html(vendor); $('.countstable1').dataTable({ "sDom": "T&lt;'row-fluid'&lt;'span6'l&gt;&lt;'span6'f&gt;r&gt;t&lt;'row-fluid'&lt;'span6'i&gt;&lt;'span6'p&gt;&gt;", "sPaginationType": "bootstrap", "oLanguage": { "sLengthMenu": "_MENU_ records per page" }, "aaSorting":[[0, "desc"]], "iDisplayLength": 10, "oTableTools": { "sSwfPath": "swf/copy_csv_xls_pdf.swf", "aButtons": …
88 javascript  jquery  html  ajax 
4
HTML IDの実際的な最大長はいくつですか？
HTMLの仕様は言います IDトークンとNAMEトークンは、文字（[A-Za-z]）で始まり、その後に任意の数の文字、数字（[0-9]）、ハイフン（ "-"）、アンダースコア（ "_"）を続けることができます、コロン（ "："）、およびピリオド（ "。"）。 また、HTML 4のSGML宣言ではNAMELENに値65536を使用していますが、「固定制限を回避する」と記載されています。 ただし、ブラウザ、CSS実装、JavaScriptツールキットは、サポートする長さにいくつかの制限があるはずです。HTML / CSS / JSアプリケーションで安全に使用できる最小の制限は何ですか？
88 javascript  html  css 
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.