問題タブ [positioning]

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 投票する
3 に答える
925 参照

windows - 他の既存のサード パーティ ウィンドウの背後にウィンドウを配置する

特定のウィンドウのスクリーンショットを撮るには、そのウィンドウの後ろに白色の TForm を配置する必要があります。ウィンドウの z オーダーを変更して正しく配置するには、どの Windows API を使用できますか?

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

html - DIVの一部を非表示にせずにCSSフロートを使用する方法

CSSフロートがDIVで使用されている場合、フロートされていない他のDIVは、フロートされたDIVのスペースを占有し続けます。これは意図的なものだと思いますが、探している効果を実現する方法がわかりません。この例を検討してください。

このHTMLをブラウザに貼り付ける(またはそのjsfiddleを調べる)と、「一部のサンプルテキスト」が赤で、赤い背景がフロートされたDIV全体に広がっていることがわかります。赤い背景の不要な部分を隠す方法があると確信していますが、それでも境界線が切り取られ、DIVの下に隠されたままになります。理想的には、背景色と境界線が有効なテキストスペースのみを占め、フローティングDIVの下に忍び寄らないようにする必要があります。この効果は可能ですか?

私はfloatプロパティを列の代わりとしてではなく、その周りにテキストが流れるブロックとして使用していることに注意してください。これまでのところ、提案されたソリューションはどれもこれを考慮していません。わかりやすくするために、ここにいくつかの画像があります。

これは私が得るものです:

悪い

これが私が欲しいものです:

良い

どちらの例でも、テキストが下部に到達すると、最終的なテキストがフロート部分を包み込むことに気付くでしょう。2番目の例は、「いくつかのサンプルテキスト」を含むdivの幅を直接指定することで実現できます。幅を指定したくありません。周囲のテキストと同じ幅が必要なので、冗長に見えます。しかし、おそらくそれは不可能ですか?

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

css - CSSベースの絶対位置ULアライメント(ドロップダウン効果)についてサポートが必要

このウェブサイトで言語切り替えシステムを試しています。アイデアは、ホバーすると、使用可能な言語のリストを含むドロップダウンボックス(ULベース)を表示するSPANを用意することです。これが私が達成しようとしている効果のスナップショットです。

代替テキストhttp://img337.imageshack.us/img337/3474/dropboxfinal.png

ドロップダウンボックスは、実際には順序付けされていないリストであり、デフォルトで非表示になっています。スパンにカーソルを合わせると、ULが表示されます。これがHTMLとCSSです。

HTML

CSS

ただし、ドロップダウンがスパンに合わせて表示されるのではなく、ブラウザの右端に表示されます。これがスクリーンショットです。

代替テキストhttp://img84.imageshack.us/img84/1687/dropbox.png

ここにあるCSSの達人のいずれかが、これに対する修正を推奨できますか?

ありがとう、m ^ e

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

javascript - ポップアップメニューのdivタグ

div タグを追加して本文に追加し、div に項目を追加してポップアップ メニューにします。を本文に追加した後、div タグを移動する方法はありますか。実際にやりたいことは、Webページでマウスをクリックした場所にdivを表示することです。ところで、私はFirefoxの拡張機能を開発しています。これについて助けが必要です。

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

html - IE6 で固定位置を機能させるにはどうすればよいですか?

私はこれを試しました:

本体 {高さ: 100%;オーバーフロー: 自動; body #cornerImage {position: absolute;bottom: 0;}

この:

これらのどちらも機能していません。私が望んでいたポジションは機能しているように見えますが、問題は私のコンテンツを押し下げる巨大なマージンがあることです. 私はこれで正しい軌道に乗っていますか?それとも、これは私が試すべき修正ではありませんか?

0 投票する
3 に答える
5077 参照

javascript - テキスト ボックスの下に Div を動的に配置してオプションを表示する

検索機能を配置しようとしている Web ページがあります。検索ボックスと一緒に画像を配置します。ユーザーが画像をクリックすると、コンテンツを含む小さな div を表示したい (「連絡先を検索」などのさまざまなフィルター オプション) 、メールで検索、ゴミ箱などで検索」)検索ボックスのすぐ下にdivを配置したい. この div を HTM マークアップのどこに配置すればよいか知りたいですか? どうすれば div を特定の位置に配置できるのか疑問に思っています。(autosuggest のようなもの)。javascript でこれを処理するにはどうすればよいですか? 私の最終的な目的は、ユーザーが画像をクリックしたときに検索ボックス (テキスト ボックス) の下に Div を表示することです (showSearchOptions 関数)。

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

css - 相対 div の絶対下位置

「rightBottomPart」を「rightPart」の一番下に配置したいのですが、「rightPart」を「leftPart」と同じ高さにしたいのです。問題は、「leftPart」のコンテンツの高さがわからないため、 「テキスト」の高さを設定しないでください (「テキスト」の高さで解決します)。

現在、次のようになっています。

代替テキスト

そして、私はそれを次のようにしたい:

代替テキスト

私のコード:

IE7 では正しく表示されますが、私がテストした他のブラウザーでは正しく表示されません。DOCTYPE-tag を削除すると、IE8 でも見栄えがしますが、Google Chrome では見られません。

私は何が欠けていますか?

ありがとうカール

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

html - 複数の iFrame の配置

ページを一連の iFrame に「分割」して、このような方法で配置するにはどうすればよいですか: http://img81.imageshack.us/img81/4605/layoutew.jpgここで、各「ボックス」はスクロール可能な iFrame です。私の場合、最初の左上のペインに「ジャンル」、中央のペインに「作曲家」などのスクロール可能なリストが含まれています(注:私が問題を抱えているのは、実際には iFrame の配置だけです。リストなどのコーディングは問題ありません。質問にコンテキストを追加するためにそれらを強調しただけです)。

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

css - divタグ内のテキストの整列は、IE6またはIE7では表示されません

このサイトでいくつか問題が発生しています。実際、大きな問題はCSSスキルの欠如です。

いずれにせよ、次のページに アクセスすると、 http<div id="centerInc"> ://winteradagency.com/Arvin/lifestyle/lifestyle.htm、中央の領域にテキスト(右と下に配置)が必要であることがわかります。画像の上にあります。だから私は<p class="centerAlign3">と別のものを使用しました<p class="centerAlign2">。Firefoxやその他の製品ではすべて正常に動作しますが、IE6やIE7では正常に動作しません。

また、ブラウザウィンドウ全体を占めるように設定されている背景画像は、Firefoxなどでは見栄えがしますが、IE6とIE7では右側で短くなります。

とりわけ、アブソリュートとフロートのポジショニングについて混乱していると思います。

助けていただければ幸いです。これらのホイールが回転しているので、私はゴムの匂いがします。

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

javascript - を操作する
JavaScript による の位置

の上、左、幅、高さを設定するにはどうすればよい<div>ですか? 次の CSS コードを挿入して、フロートすることを確認しました。