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

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

7
HTML要素間の改行を避ける
私はこの<td>要素を持っています: <td><i class="flag-bfh-ES"></i> +34 666 66 66 66</td> 私はこれを単一の行に保つことを望んでいましたが、これは私が得るものです: ご覧のとおり、旗と電話番号は別々の行にあります。 電話番号の数字の間ではなく、フラグと電話番号の間に働いています。 レンダラーによって改行がまったく導入されないようにするにはどうすればよいですか?
109 html  whitespace 


11
react-routerリンクをhtmlボタンでラップする
提案された方法を使用する: これが結果です:ボタンでリンク、 コードのコメント行の間に reactを使用してHTMLタグ内のLink要素をラップする方法があるかどうか疑問に思い'react-router'ましたbutton。 現在Link、アプリのページをナビゲートするコンポーネントがありますが、その機能をHTMLボタンにマップしたいと思います。

5
TD内で相対位置/絶対位置を使用しますか?
私は次のコードを持っています: <td style="position: relative; min-height: 60px; vertical-align: top;"> Contents of table cell, variable height, could be more than 60px; <div style="position: absolute; bottom: 0px;"> Notice </div> </td> これはまったく機能しません。何らかの理由で、position:relativeコマンドがTDで読み取られず、通知DIVが私のページの下部にあるコンテンツコンテナーの外側に配置されています。私はTDのすべてのコンテンツを次のようなDIVに入れようとしました: <td> <div style="position: relative; min-height: 60px; vertical-align: top;"> Contents of table cell, variable height, could be more than 60px; <div style="position: absolute; …

15
表示がテーブルセルに設定されている要素のColspan / Rowspan
私は次のコードを持っています: <div class="table"> <div class="row"> <div class="cell">Cell</div> <div class="cell">Cell</div> </div> <div class="row"> <div class="cell colspan2">Cell</div> </div> </div> <style> .table { display: table; } .row { display: table-row; } .cell { display: table-cell; } .colspan2 { /* What to do here? */ } </style> かなり簡単です。要素のcolspan(またはcolspanと同等のもの)を追加するにはどうすればよいdisplay: table-cellですか?
108 html  css 


14
ブートストラップモーダル:関数ではありません
ページにモーダルがあります。ウィンドウが読み込まれるときにそれを呼び出そうとすると、コンソールに次のエラーが表示されます: $(...).modal is not a function これは私のモーダルHTMLです。 <div class="modal fade" id="prizePopup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> × </button> <h4 class="modal-title" id="myModalLabel"> This Modal title </h4> </div> <div class="modal-body"> Add some text here </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> …

11
CDNが失敗した場合に(スクリプトではなく)ローカルスタイルシートにフォールバックする方法
CDNでjQuery Mobileスタイルシートにリンクしています。CDNが失敗した場合は、ローカルバージョンのスタイルシートにフォールバックしたいと考えています。スクリプトの場合、解決策はよく知られています。 <!-- Load jQuery and jQuery mobile with fall back to local server --> <script src="http://code.jquery.com/jquery-1.6.3.min.js"></script> <script type="text/javascript"> if (typeof jQuery == 'undefined') { document.write(unescape("%3Cscript src='jquery-1.6.3.min.js'%3E")); } </script> スタイルシートについても同様のことをしたいと思います: <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.css" /> スクリプトをロードするときと同じようにスクリプトをリンクするときにブラウザーが同じようにブロックするかどうかがわからないため、同様のアプローチを達成できるかどうかわかりません(おそらく、スクリプトタグにスタイルシートをロードしてから、ページに挿入します)? だから私の質問は:CDNが失敗した場合にスタイルシートがローカルに読み込まれるようにするにはどうすればよいですか?

17
HTML5キャンバスctx.fillTextは改行しませんか?
テキストに「\ n」が含まれていると、キャンバスにテキストを追加できないようです。つまり、改行は表示/機能しません。 ctxPaint.fillText("s ome \n \\n <br/> thing", x, y); 上記のコードは"s ome \n <br/> thing"、1行でを描画します。 これはfillTextの制限ですか、それとも間違っていますか?「\ n」はそこにあり、印刷されませんが、どちらも機能しません。
108 javascript  html  canvas  line  break 

10
CSS画像のサイズ変更率は?
それ自体のパーセンテージでimgのサイズを変更しようとしています。たとえば、画像を50%にサイズ変更して、画像を半分に縮小したいとします。しかし、適用するwidth: 50%;と画像のサイズがコンテナ要素(親要素<body>など)の50%になるように変更されます。 問題は、JavaScriptまたはサーバー側を使用せずに、画像のサイズを自分自身の割合で変更できるかどうかです。(画像サイズの直接の情報はありません) 私はあなたがこれを行うことができないと確信していますが、インテリジェントなCSSのみのソリューションがあるかどうかを確認したいだけです。ありがとう!
108 html  css  image 


10
Webサイトで通知音を再生するにはどうすればよいですか?
特定のイベントが発生したときに、ウェブサイトでユーザーに短い通知音を鳴らしたい。 Webサイトを開いたときに、サウンドが(すぐに)自動起動しないようにする必要があります。代わりに、JavaScriptを介してオンデマンドで再生する必要があります(その特定のイベントが発生したとき)。 これが古いブラウザー(IE6など)でも機能することが重要です。 したがって、基本的に2つの質問があります。 どのコーデックを使用すればよいですか? オーディオファイルを埋め込むためのベストプラクティスは何ですか?(<embed>vs. <object>vs.フラッシュvs. <audio>)

8
HTTPSページでHTTP AJAX操作を実行すると、「混合コンテンツがブロックされる」
crm(ViciDial)に(この方法で必要なため、GETを介して)送信するフォームを持っています。フォームを正常に送信できますが、その場合、crmの処理ファイルは成功テキストをエコーするだけで、それだけです。 そのテキストの代わりに、ウェブサイトにお礼ページを表示したいので、AJAXを使用してフォームを送信し、必要なページにリダイレクトすることにしましたが、ブラウザーでこのエラーが発生します。 混合コンテンツ:「https://page.com」のページはHTTPS経由で読み込まれましたが、安全でないXMLHttpRequestエンドポイント ' http://XX.XXX.XX.XXX/vicidial/non_agent_api.php?queries=query=dataをリクエストしました'。このリクエストはブロックされました。コンテンツはHTTPS経由で提供する必要があります。 これは私のAJAXスクリプトです: <script> SubmitFormClickToCall = function(){ jQuery.ajax({ url: "http://XX.XXX.XX.XX/vicidial/non_agent_api.php", data : jQuery("#form-click-to-call").serialize(), type : "GET", processData: false, contentType: false, success: function(data){ window.location.href = "https://www.example.com/thank-you"; } }); } </script> URLにhttpsを設定するだけでは機能しません。GETを介してデータを送信し、ユーザーを感謝ページにリダイレクトする方法はありますか? ============================ ここでの問題は混合コンテンツでした。これは、HTTPSを介してページをロードし、HTTPにあるAPIをAJAX経由でヒットしようとしたことを意味します。しかし、ブラウザではそれを行うことはできません。 したがって、APIをHTTPSに設定できない場合(これは私のケースでした)、別の方法でこれにアプローチできます。 主な問題は、混合コンテンツの問題ではなく、APIにデータを送信して、ユーザーをファンシーなありがとうページにリダイレクトすることでした。AJAXを使用する代わりに、データを受信するphpファイルを作成し、curlを使用してそれをAPIに送信します(これはサーバー側で行われるため、混合コンテンツの問題はありません)。私の幸せなユーザーを豪華なありがとうページにリダイレクトします。
108 javascript  php  jquery  html  ajax 

5
Vue.jsは@changeで選択されたオプションを取得します
まず、Vueは初めてだと言いたいのですが、これはVueを使用した初めてのプロジェクトです。コンボボックスがあり、選択したコンボボックスに基づいて別のことをしたいのですが。私は別々のvue.htmlとtypescriptファイルを使用しています。これが私のコードです。 <select name="LeaveType" @change="onChange()" class="form-control"> <option value="1">Annual Leave/ Off-Day</option> <option value="2">On Demand Leave</option> </select> これが私のtsファイルです onChange(value) { console.log(value); } typescript関数で選択したオプション値を取得するにはどうすればよいですか?ありがとう。

15
HTML canvas JavaScriptライブラリとフレームワークの現在の最新技術は何ですか?[閉まっている]
休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか?この投稿を編集して、事実と引用で回答できるように質問を更新してください。 7年前休業。 この質問を改善する 現在、新しいHTML 5アプリケーションでキャンバスを操作するためのオプションを調査していますが、HTMLキャンバスのJavaScriptライブラリとフレームワークの現在の状態はどうなっているのでしょうか。 特に、ゲーム開発に必要なもの(複雑なアニメーション、シーングラフの管理、イベントの処理、ユーザーインタラクション)をサポートするフレームワークはありますか? また、商用製品とオープンソース製品の両方を検討する用意があります。

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