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

ユーザーがドラッグ＆ドロップやその他の方法で画像をページにロードできるようにしています。画像がドロップURL.createObjectURLされると、画像を表示するためにオブジェクトURLに変換するために使用しています。私はそれを再利用するので、私はそのURLを取り消すことはしません。 それが作成するための時間が来るときので、FormData私は彼らがそれで、これらのイメージのいずれかでフォームをアップロードできるようにすることができるようにオブジェクトを、いくつかの私は、その後にそのオブジェクトのURLの背中を逆にすることができます方法はありBlobか、File私はその後、Aにそれを追加することができるようには、FormDataオブジェクト？

127 javascript  html  fileapi  blobs 

たとえば、div内の行をカウントする方法があるかどうか疑問に思っています。次のようなdivがあるとします。 <div id="content">hello how are you?</div> 多くの要因に応じて、divには1行、2行、または4行のテキストを含めることができます。スクリプトが知る方法はありますか？ 言い換えれば、自動ブレークはDOMで表されますか？

127 javascript  html  dom 

ラッパーdivの最初の要素としてヘッダーdivがありますが、ヘッダーdiv内のh1に上部マージンを追加すると、ヘッダーdiv全体が押し下げられます。これは、ページの最初に表示される要素に上余白を適用すると必ず発生します。 これはサンプルコードスニペットです。ありがとう！ div#header{ width: 100%; background-color: #eee; position: relative; } div#header h1{ text-align: center; width: 375px; height: 50px; margin: 50px auto; font-size: 220%; background: url('../../images/name_logo.png') no-repeat; } <div id="header"> <h1>Title</h1> <ul id="navbar"></ul> </div> コードスニペットを実行するHide resultsスニペットを展開

126 html  css  xhtml 

要素を選択しました。矢印を削除したいので、他のアイコンを追加します。FirefoxSafariとChromeでそれを実行できますが、IE9では機能しませんでした。 .styled-select select { border: 0 !important; /*Removes border*/ -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /*Removes default style Firefox*/ background: url('select_icon.png') no-repeat; background-position: 179px 7px; text-indent: 0.01px; text-overflow: ""; color: #FCAF17; width:200px; } SEE フィドル上のIE9。IE9で矢印を削除するだけです。JSFIDDLEで回答してください。

126 html  css  html-select 

インラインで保持する必要がある2つの画像があります。各画像の下にキャプションを書きたいです。 <center> <a href="http://example.com/hello"> <img src="hello.png" width="100px" height="100px"> </a>              <a href="http://example.com/hi"> <img src="hi.png" width="100px" height="100px"> </a> </center> どのように実装できますか？

126 css  html 

Web開発者がChrome / Safari / WebKitの特定inputまたはtextarea要素のスペルチェックをオフにする方法はありますか？特別なタグ属性または独自のCSS命令のいずれかを意味します。 inputsのアウトラインをオフにするためのCSS指示があるので、それも存在するのではないかと思いました。ユーザーがそれを行う方法を知っています。 または、ユーザーとして、特定のドメインに対して無効にできますか？

126 html  css  google-chrome  spell-checking 

私のページには、クリックするとdiv画面の中央に（ポップアップスタイル）を表示するボタンがあります。 次のCSSを使用してdiv、画面の中央にを配置しています。 .PopupPanel { border: solid 1px black; position: absolute; left: 50%; top: 50%; background-color: white; z-index: 100; height: 400px; margin-top: -200px; width: 600px; margin-left: -300px; } このCSSは、ページが下にスクロールされない限り正常に機能します。 しかし、ページの下部にボタンを配置すると、ボタンをクリックdivすると上部に表示され、ユーザーは上にスクロールしてのコンテンツを表示する必要がありdivます。 divページがスクロールされている場合でも、画面中央にを表示する方法を教えてください。

126 html  css  scroll  position  centering 

注：これはどのように関係しているスケールアップ時に既存のcanvas要素がレンダリングされている、いない線やグラフィックスのレンダリング方法を行うにはキャンバスの表面に。つまり、これは、スケーリングされた要素の補間に関するすべてのことであり、キャンバスに描画されるグラフィックのアンチエイリアスとは何の関係もありません。ブラウザがどのように線を引くかについては気にしていません。拡大したときに、ブラウザー要素がキャンバス要素自体をどのようにレンダリングするかを気にします。 <canvas>要素をスケーリングするときに補間を無効にするようにプログラムで変更できるキャンバスプロパティまたはブラウザ設定はありますか？クロスブラウザソリューションは理想的ですが、必須ではありません。Webkitベースのブラウザーが私の主なターゲットです。パフォーマンスは非常に重要です。 この質問は最も類似していますが、問題を十分に説明していません。それが価値があるもののために、私はimage-rendering: -webkit-optimize-contrast無駄にしようとしました。 アプリケーションは、必要なものを明確にするためにHTML5 + JSで書かれた「レトロ」な8ビットスタイルのゲームになります。 説明のために、ここに例を示します。（ライブバージョン） 21x21のキャンバスがあるとしましょう... <canvas id='b' width='21' height='21'></canvas> ... CSSがあり、要素を5倍にします（105x105）： canvas { border: 5px solid #ddd; } canvas#b { width: 105px; height: 105px; } /* 5 * 21 = 105 */ キャンバスに単純な「X」を次のように描画します。 $('canvas').each(function () { var ctx = this.getContext("2d"); ctx.moveTo(0,0); ctx.lineTo(21,21); ctx.moveTo(0,21); ctx.lineTo(21,0); ctx.stroke(); }); …

126 javascript  html  canvas 

position:fixedページの中央に配置されたdivを取得しようとしています。 私は常にこの「ハック」を使用して絶対配置されたdivでそれを行うことができました left: 50%; width: 400px; margin-left:-200px ...ここでmargin-leftの値はdivの幅の半分です。 これは固定位置のdivでは機能しないようです。代わりに、左端のコーナーを50％にして配置し、margin-left宣言を無視します。 これを修正して固定位置の要素を中央揃えにできるようにするためのアイデアはありますか？ そして、私が上記で概説した方法よりも、絶対配置された要素を中央に配置するより良い方法を教えていただければ、ボーナスM＆Mを投入します。

126 html  center  alignment  css-position 

私がやろうとしていることは、ツールチップの色を赤に変更することです。ただし、他の複数の色も使用したいので、元のツールチップの色を単に置き換えたくありません。 これを行うにはどうすればよいですか？

126 html  css  twitter-bootstrap 

HTMLで、アップロードできるファイルの種類を制限するにはどうすればよいですか？ ユーザーエクスペリエンスを簡単にするために、ファイルのアップロードを画像（jpeg、gif、png）のみに制限します。 <form method="post" action="..." enctype="multipart/form-data"> <label for="image">Photo</label> <input name="image" type="file" /> </form>

126 html  image  upload  file-upload 

親のパディングを無視するように水平方向のルールを取得しようとしています。 これが私が持っているものの簡単な例です： #parent { padding:10px; width:100px; } hr { width:100px; } 水平方向のルールが親から10px外側に伸びていることがわかります。親divの他のすべてに必要なパディングを無視するようにしています。 他のすべてに対して個別のdivを作成できることは知っています。これは私が探している解決策ではありません。

126 html  css 

以下のサイトからコンテンツを入手したい。FirefoxやChromeなどのブラウザを使用すると、希望する実際のWebサイトページを取得できますが、Pythonリクエストパッケージ（またはwgetコマンド）を使用して取得すると、まったく異なるHTMLページが返されます。私はウェブサイトの開発者がこれのためにいくつかのブロックを作ったと思ったので、問題は： Pythonリクエストまたはコマンドwgetを使用して、ブラウザーの訪問を偽装するにはどうすればよいですか？ http://www.ichangtou.com/#company:data_000008.html

126 python  html  web-scraping  python-requests  wget 

メディアクエリを使用せずにCSSグリッドを折り返すことは可能ですか？ 私の場合、グリッドに配置したい非決定的な数のアイテムがあり、そのグリッドを折り返したいです。Flexboxを使用すると、適切に適切に間隔を空けることができません。たくさんのメディアクエリも避けたいです。 ここにいくつかのサンプルコードがあります： .grid { display: grid; grid-gap: 10px; grid-auto-flow: column; grid-template-columns: 186px 186px 186px 186px; } .grid > * { background-color: green; height: 200px; } <div class="grid"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> </div> コードスニペットを実行する結果を非表示スニペットを展開 そしてここにGIF画像があります： 余談ですが、私と同じようにすべてのアイテムの幅を指定することを避ける方法を誰かが教えてくれればgrid-template-columnsそれは素晴らしいでしょう。子供には自分の幅を指定することをお勧めします。

126 html  css  css-grid 

画像（動的に配置され、寸法に制限はありません）を親divと同じ幅にしようとしていますが、その幅が100％の独自の幅よりも広くない場合に限ります。私はこれを試しましたが、役に立ちませんでした： img { width: 100%; height: auto; max-width: 100%; } これらの画像の多くは親divよりも幅が広いため、それに応じてサイズを変更したいのですが、小さな画像がそこに表示され、通常の寸法を超えて拡大されると、本当にひどく見えます。これを行う方法はありますか？

125 html  width  css