プログラミング html

14

iOS 11サファリでは、入力テキストボックスカーソルは入力テキストボックスの外側にあります。なぜこの問題が発生しているのかわかりませんでした。ご覧のとおり、フォーカスされたテキストボックスは電子メールのテキスト入力ですが、カーソルはその外側にあります。これはiOS11Safariでのみ発生します

85 html ios bootstrap-modal mobile-safari ios11

12

レンダリングされたHTMLのdiffアルゴリズムを持っている人はいますか？[閉まっている]

閉まっている。この質問は、StackOverflowのガイドラインを満たしていません。現在、回答を受け付けていません。この質問を改善したいですか？質問を更新して、スタックオーバーフローのトピックになります。 5年前に閉鎖されました。この質問を改善する 2つのHTMLページのdiffを並べてレンダリングするための、おそらくJavascriptでの優れたdiffアルゴリズムを確認することに興味があります。アイデアは、差分がレンダリングされたHTMLの違いを示すということです。明確にするために、レンダリングされた出力として差分を並べて表示できるようにしたいと思います。したがって、段落を削除すると、並べて表示すると、物事を正しく配置することができます。 @Josh正確に。削除されたテキストが赤か何かで表示されるかもしれませんが。HTMLコンテンツにWYSIWYGエディターを使用する場合、差分を作成するためにHTMLに切り替える必要はありません。2人のWYSIWYGエディターを並べてやりたいと思います。または、少なくともエンドユーザーにとって使いやすい問題で差分を並べて表示します。

85 javascript html diff

9

実際のRetinaディスプレイを使用せずにWindowsでRetinaのWebサイトをテストするにはどうすればよいですか？

WindowsでRetinaディスプレイをシミュレートして、RetinaなどのHiDPIディスプレイのWebサイトをテストする方法はありますか？私はWindowsを標準の24 "1920x1080モニターで実行しています。昨夜友人の真新しい15" Retina MacBook Proで自分のウェブサイトをチェックしたところ、フォントは非常にくっきりとシャープで、直接比較することでロゴの見栄えがさらに悪くなります。私はこのチュートリアルに従って、自分のWebサイトRetinaを準備しました。 http://line25.com/tutorials/how-to-create-retina-graphics-for-your-web-designs 背景画像がないので、retina.jsアプローチを使用しました。これが実際に機能するかどうかをテストする方法はありますか？明らかに、友人にRetina Notebookを使用するように依頼することはできますが、それは私にとって実行可能なワークフローではありません。自分の環境で、少なくとも大まかにWebサイトのRetina互換性をテストできるようにしたいと考えています。

85 html css retina-display retina.js

9

mousemoveでキャンバスからピクセルカラーを取得

マウスの下でRGB値のピクセルを取得することは可能ですか？これの完全な例はありますか？これが私がこれまでに持っているものです： function draw() { var ctx = document.getElementById('canvas').getContext('2d'); var img = new Image(); img.src = 'Your URL'; img.onload = function(){ ctx.drawImage(img,0,0); }; canvas.onmousemove = function(e) { var mouseX, mouseY; if(e.offsetX) { mouseX = e.offsetX; mouseY = e.offsetY; } else if(e.layerX) { mouseX = e.layerX; mouseY = e.layerY; } var c …

85 javascript html jquery canvas getimagedata

11

<label>のHTMLfor =“”属性とは何ですか？

私はこれをjQueryで見ました-それは何をしますか？ <label for="name"> text </label> <input type="text" name="name" value=""/>

85 html

6

CSSで画像の最大幅を設定する方法

私のウェブサイトでは、ユーザーがアップロードした画像を特定のサイズ（width: 600px）の新しいウィンドウに表示したいと思います。問題は、画像が大きくなる可能性があることです。したがって、これらよりも大きい場合は600px、アスペクト比を維持したままサイズを変更したいと思います。 max-widthCSSプロパティを試しましたが、機能しません。画像のサイズは変更されません。この問題を解決する方法はありますか？ HTML： <div id="ImageContainerr"> <img src="DisplayImage.do?ad_id=${requestScope.advert.id}" class="Image" /> </div> CSS： img.Image { max-width: 100%;} div#ImageContainer { width: 600px; } max-width: 600px画像の設定も試みましたが、うまくいきません。画像はサーブレットからストリーミングされます（Tomcatのwebappsフォルダーの外部に保存されます）。

85 html css image image-resizing

2

textareaの下の余分なスペースは、ブラウザによって異なります

textareaタグの下に余分なスペースがあります。さまざまなブラウザで1〜4ピクセル。マークアップは非常に単純です。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <style> body { margin: 0; padding: 0; } .main { background-color: red; } textarea { background-color: gray; resize: none; margin: 0; border: 0 none; padding: 10px; height: 50px; overflow: hidden; } </style> </head> <body> <div class="main"> <textarea></textarea> </div> </body> …

85 html css cross-browser whitespace removing-whitespace

3

XPath ::次の兄弟を取得する

私は次のHTML構造を持っています：DOM内にこれらのタグの多くがあるため、2番目のカラーダイジェスト要素を抽出するための堅牢なメソッドを構築しようとしています。 <table> <tbody> <tr bgcolor="#AAAAAA"> <tr> <tr> <tr> <tr> <td>Color Digest </td> <td>AgArAQICGQMVBBwTIRQHIwg0GUMURAZTBWQJcwV0AoEDAQ </td> </tr> <tr> <td>Color Digest </td> <td>2,43,2,25,21,28,0,0,0,0,0,0,0,0,0,0,0,0,0,0,33,7,0,0,0,0,0,0,0,0,0,0,0,0,0,0,8,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,25,0,0,0,0,0,0,0,0,0,0,0,0,0,0,20,6,0,0,0,0,0,0,0,0,0,0,0,0,0,0,5,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,9,0,0,0,0,0,0,0,0,0,0,0,0,0,0,5,2,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, </td> </tr> </tbody> </table> デコードされた値を持つ2番目の「カラーダイジェスト」td要素を抽出しようとしています。次のxpathを作成しましたが、2番目を取得する代わりに、2番目のtd要素を取得していません。 //td[text() = ' Color Digest ']/following-sibling::td[2] そして、それをtd [2]からtd [1]に変更すると、両方の要素が得られます。

85 html xpath siblings scraper

7

textareaからスクロールバーを削除します

でスクロールバーを常に表示する方法に関する前の質問（<textarea>にスクロールバーを追加）に続いて、テキストがオーバーフローした場合でも<textarea>、<textarea>にスクロールバーがないように設定する方法を考えています。これで下にスクロールするには、矢印キーまたはマウスを使用してテキスト内を移動します。これどうやってするの？

85 html scroll textarea scrollbar overflow

7

左側にdivスクロールバーを配置するにはどうすればよいですか？

divに垂直スクロールバーを配置する位置（左側または右側）を指定することはできますか？たとえば、オーバーフロー属性の使用方法を説明しているこのページを見てください。そのスクロールバーをスクロール可能な領域の左側に配置する方法はありますか？

85 html css

7

ブートストラップテーブルの列をコンテンツに適合させる

Bootstrapを使用して、テーブルを描画しています。右端の列にはボタンがあり、そのボタンに合うように必要な最小サイズにドロップダウンしたいと思います。 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <table class="table table-responsive"> <tbody> <tr> <th>Name</th> <th>Payment Method</th> <th></th> </tr> <tr> <td>Bart Foo</td> <td>Visa</td> <td><a role="button" class="btn btn-default btn-xs" href="/Payments/View/NnrN_8tMB0CkVXt06nkrYg">View</a></td> </tr> </tbody> </table> コードスニペットを実行する結果を非表示スニペットを展開これは次のようにレンダリングされます。いくつかのFirebugが強調表示されているため、列の幅は次のように広くなっています。その列はページに合わせて拡大縮小されますが、ページはより大きな動的幅モードになっています。純粋なCSSでこれを修正する方法はある程度わかっていますが、これらのアプローチのほとんどは、サイトの低幅バージョンで問題を引き起こす可能性があります。その列をその内容の幅までドロップダウンするにはどうすればよいですか？（相変わらず-既存のブートストラップクラス>純粋なCSS> Javascript）

85 html css twitter-bootstrap

4

順序付けされていないリストで箇条書きの代わりにチェックマーク/チェックマーク記号（✓）を使用するにはどうすればよいですか？

リストテキストの前に目盛り記号を追加したいリストがあります。この方法で適用するのに役立つCSSはありますか？ ✓ this is my text ✓ this is my text ✓ this is my text ✓ this is my text ✓ this is my text ✓ this is my text 注：このタイプのHTMLコードでこれが必要です <ul> <li>this is my text</li> <li>this is my text</li> <li>this is my text</li> <li>this is my text</li> <li>this …

85 css html special-characters

4

フレックスアイテムの高さが他のフレックスアイテムと一致するように拡大するのを防ぎます

コンテナ内に2つの要素があり、フレックスボックスを使用して並べています。2番目の要素（.flexbox-2）では、CSSで高さを設定しています。ただし、最初の要素（.flexbox-1）はの高さに一致し.flexbox-2ます。.flexbox-1の高さの一致を停止し.flexbox-2、代わりにその自然な高さを保持するにはどうすればよいですか？これが私がこれまでに持っているものです（jsFiddleとしても利用可能です） .container { display: -webkit-flex; -webkit-flex-direction: row; } .flexbox-1 { -webkit-flex: 1; border: solid 3px red; } .flexbox-2 { -webkit-flex: 2; border: solid 3px blue; height: 200px; margin-left: 10px; } <div class="container"> <div class="flexbox-1">.flexbox-1</div> <div class="flexbox-2">.flexbox-2</div> </div> コードスニペットを実行する結果を非表示スニペットを展開

85 html css flexbox

4

Node.jsはBlobを作成できませんか？

node.jsを使用していて、オーディオをnode.jsサーバーにストリーミングしました。オーディオブロブを構築する過程で、次のことに気づきました。 var audioBlob = new Blob([dataview], { type: 'audio/wav' }); 新しいBlobでReferenceErrorが発生すること。Blobはサポートされていないようです。node.jsfsモジュールで保存したいblobを作成するにはどうすればよいですか。みんなありがとう！

85 javascript html node.js audio

5

2つのクラスが1つのdivに割り当てられると、クラスが無効になります

サムネイルギャラリーとなるタグに<div>2つのクラスを適用したいタグを作成していました<div>。その位置のための1つのクラスとそのスタイルのためのもう1つのクラス。このように私はスタイルを適用することができました、私は私に質問をもたらしたいくつかの奇妙な結果を持っていました。 <div>タグに2つのクラスを割り当てることはできますか？もしそうなら、どちらがもう一方を無効にしますか、それともどちらが優先されますか？

85 class css html

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

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