問題タブ [css-position]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
796 参照

javascript - ピクセル単位のオフセットに従って DIV 内の特定のテキストを検索する

イメージ タグをテキスト ブロックに挿入して、イメージが DIV 内でたとえば 100 ピクセル下になるようにしたいと考えています。

というわけで、上記のタグをフロートするテキストブロックに入れ、DIV の 100px DOWN に配置します。現在、これは静的に行うことはできません。div の 100 ピクセル下は、フォントのレンダリングの問題などによって異なるテキストで表される可能性があるため、javascript で行う必要があります。

では、DIV で 100px 下にあるテキスト ブロック内の「単語」を見つける方法はありますか? おそらくjQuery?

0 投票する
2 に答える
4226 参照

c# - アプリケーションウィンドウから相対的なマウスの位置を取得/設定する方法は?

フォーム ウィンドウの位置から相対的に、マウス ポインターの現在の位置を取得できるようにしたいと考えています。したがって、マウスをフォームの左上に置くと、フォーム自体が画面の中央にあるにもかかわらず、x=0 と y=0 の x と y の値が表示されます。

また、マウスの位置を設定したい。

これはC#でどのように行うことができますか? Windows フォーム アプリケーションを使用しています。

0 投票する
2 に答える
1108 参照

css - Webkit のアンカーの Position:relative が壊れていました。回避策?

私たちのプロジェクトでは、次の方法を使用して、ユーザーをページ上のアンカー領域にリンクしました。

これは、フォームなどの正確なアンカー要素の前に少しスペースを残すために使用されました。

ここに画像の説明を入力

しかし、Safari の最近のバージョンではこれが壊れており、ブラウザは相対位置に関係なく要素の最初の位置に配置されています。

あなたもこの機能/バグに遭遇し、提案するためのいくつかの回避策を持っているか、私の方法が悪い理由を指摘することができます.

0 投票する
2 に答える
569 参照

html - カレンダー (テーブル) デザインで複数の行に重なる絶対要素を作成する方法は?

CSS要素のdiv要素を絶対配置の予定ブロックとしてHTMLテーブルデザインでカレンダーを作成しようとしていますが、ブロックは絶対的であるため、作成したい行をいくつでも重ねることができます予定、それは私が欲しいものである水平方向に伸びません。絶対divブロックを伸ばすにはどうすればよいですか? または、より良い解決策はありますか?(制約: IE6+ をサポートする必要があります)。この問題は以下で強調されています。

以下は、コードのスニペットの例です。

0 投票する
1 に答える
1586 参照

css - CSS相対ポジショニングオーバーフロー(押しつぶされたdivの問題)divの高さはコンテンツとともに拡張されますか?

サイトの左右に境界線を含めるようにいくつかのCSSを編集しようとしています。私の問題は、高さを100%または自動にすると何も起こらないということですが、高さを変更すると機能しますが、コンテンツに応じて変更したいので、これを使用できません。

Expression Webで、サイトグラインダーのdivがコンテンツの全長ではなく、上部に押しつぶされているように見えることに気付きました。これはポジショニングが原因でしょうか?オーバーフローはこれをどうにかして修正できますか?

以下にcssとhtmlを含めました

また、overflow:hiddenをcss内に含めると、すべてのコンテンツがこのdiv内の上部に押しつぶされて表示されることに気付きました。

0 投票する
37 に答える
1519014 参照

css - 絶対に配置された要素を div の中央に配置するにはどうすればよいですか?

divウィンドウの中央に(with position:absolute;) 要素を配置する必要があります。しかし、幅が不明であるため、そうするのに問題があります。

これを試しました。ただし、幅が反応するので調整する必要があります。

どうすればいいですか?

0 投票する
5 に答える
24580 参照

jquery - jQuery:要素を相対値で移動する

(要素の左値の意味):要素を移動する最も簡単な方法は何ですか?たとえば、(現在の位置から)左に10pxですか?

0 投票する
1 に答える
435 参照

jquery - jQuery 経由で追加された絶対配置オブジェクトが正しく配置されません!

lijQueryを使用して、順序付けられていないリストにいくつかの s を動的に追加しています。それらは絶対に配置されます (style各 の param を使用li) が、ページに追加されると、Firebug または Chrome の要素インスペクターでチェックしても、すべての値が正しいにもかかわらず、正しい位置に配置されません。

liまた、 は jQuery のドラッグ可能でサイズ変更可能なクラスを使用していることにも注意してください。

ここで確認できます: http://bit.ly/5HfegZ

これは、s をページに追加するスクリプトですli(xml ファイルから)

HTML:

XML:

0 投票する
6 に答える
81921 参照

html - 絶対位置を指定したり、画像を背景として設定したりせずに、画像の上にテキストを配置する方法

position: absolute を使用せずに、または画像を要素の背景にすることなく、画像の上にテキストを配置できるかどうかを確認しようとしています。
制約の理由は、HTML コードが電子メールに送信されるためであり、hotmail はどちらもサポートしていないことが判明しました。
CSS の勉強を始めたばかりの頃、画像の周りに浮かぶテキストをいじっていたときに、テキストが画像全体に楽しそうに広がってしまうことがよくあったことを覚えています。残念ながら、その動作を再現することはできません。

全文 (編集中):
グラフィック デザイナーから豪華なレイアウトを受け取りました。これは基本的に素敵な背景画像で、ウェブサイトにリンクするロゴと、基本的には「ここにテキストが入る」領域が中央にあります。
これらのケースではいつものように、テーブルを使用して、すべてが所定の位置にとどまり、クロスブラウザ + クロスメールクライアントが機能することを確認しています。
問題は、中央の「テキストがここに入る」領域が白い長方形ではなく、背景にグラフィックがあるという事実から発生します。
いくつかのテストを行った結果、Live Hotmail は絶対位置と背景画像のどちらの位置も好まないようです。相対的なマージンもレイアウトの残りの部分を台無しにするので良くありません。

現在のバージョンは、他のメール クライアント/ウェブサイトで動作します:

もちろん、「それは不可能です」は完全に受け入れられる答えかもしれませんが、そうではないことを願っています ;)

0 投票する
1 に答える
252 参照

css - ジャンプ後に固定画像を中心にしますか?

幅の広い (4000px) ページでアンカー タグにジャンプすると、アンカーされた画像が右に水平に配置されます。中央に揃えるにはどうすればよいですか?私はいくつかのことを試しましたが、どれもうまくいかないようです。私はここに来たばかりなので、コードを投稿することは許可されていません。

ご協力いただきありがとうございます、

ロバート C.