問題タブ [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.
css - div の背後にあるリンクをクリックしますか?
タイトルが、私が直面している問題を適切に説明しているかどうかはわかりません...
基本的に、私は自分のウェブサイトを再設計中ですが、私が遭遇した問題の 1 つは、私のポートフォリオのギャラリー ビューで、私の作品の一部の画像のグリッドがフレーム内に表示されることです。
フレームにカーソルを合わせると、画像が非表示になり、タイトル、クライアント、カテゴリ、年が表示されます。
ただし、すべての上に配置され、クリック可能なリンクが必要です。ただし、上記の情報は、マークアップでは画像の下にありますが、画像の上にあります。
これは、絶対に配置されたDIVにある上記の情報と関係があると思います(フレームの上部に配置できるため、必要です)。
私が達成したいのは、DIV でカバーされている領域であっても、フレームにカーソルを合わせたときにフレーム全体をクリックできるようにすることです。これが不明な場合は教えてください...
ここで実際のサイトを見ることができます: http://www.designbyadmiral.com/
それがいくつかのことを解決するのに役立つと確信しています。
html - cssでフィールドセットの位置を制御する方法は?
私は次のコードを持っています:
現在、すべてが左側にあり、2番目のフィールドセット(車の情報)が最初のフィールドセット(個人情報)のすぐ下にあります。
車の情報フィールドセットを個人情報フィールドセットの右側に配置して、並べて表示したいと思います。cssを使用して、これをどのように行いますか?
javascript - スクロールした後、div を画面の上部に固定するにはどうすればよいですか?
コンテンツのブロックの下にある div を作成したいと思いますが、ページがスクロールされて上部の境界に達すると、所定の位置に固定され、ページとともにスクロールします。
css - 可変幅の浮動要素を水平方向に中央揃えにする方法は?
可変幅の浮動要素を水平方向に中央揃えにする方法は?
編集:私はすでにdiv
、浮動要素のコンテナを使用し、コンテナにを指定しwidth
て(コンテナに使用margin: 0 auto;
)、これを機能させています。包含要素を使用せずに、または少なくとも包含要素に a を指定しなくても実行できるかどうかを知りたかっただけwidth
です。
javascript - スクロールバーが存在する場合、ページ上の最も到達度の低いDIVの40ピクセル下に要素を配置するにはどうすればよいですか?
最近作成したいくつかのサイトを、ホバリングに反応して自分のサイトにリンクする画像でブランド化しています。クライアントのサイトの右下隅にロゴを絶対に配置するjQuery追加関数を使用してマークアップとCSSを動的に挿入していますが、ほとんどの部分でうまく機能しています。ただし、2つの異なるシナリオに対応するために、そのポジショニングを強化する必要があり、かなり困惑しています。
サイトの要素がウィンドウの下部に到達しない場合は、右下隅にロゴを配置する必要があります。これは現在行われていることです。これは素晴らしい。
要素がページの下部またはそれを超えて到達し、スクロールバーを強制する場合は、ロゴを最も到達度の低いDIVの下部から40ピクセル下に配置し、ページの右下隅に配置します(まるでページの一部であるかのように)絶対位置ではなく、通常のドキュメントフロー)。これは私が理解できないことです。
javascript - Jquery:モーダルダイアログを設定して、本文ではなくhtmlに対して中央揃えに表示するにはどうすればよいですか?
背景を要素でグレー表示し、メッセージを画面の中央に配置するスクリプトを使用しています。問題は、私のサイトのスタイルがと要素の両方であるということです。固定幅で、要素内の中央に配置されています。以下のスクリプトを使用すると、とメッセージの両方が要素に対して相対的に配置されます。代わりにどのように相対的に配置できますか?#mask
.memError
body
html
body
html
#mask
.memError
body
html
css - フィラメントグループボタンの配置?
ドロップダウンのすぐ横にボタンを適切に配置したいのですが(下の画像を参照)、コメントはありますか?
問題http://img87.imageshack.us/img87/2294/positioningproblemwithf.png
css - 相対位置の div の高さが IE6 で負の上部の前に追加されました
私は次のものを持っています
IE6 以外のブラウザでは、これで問題なく動作します。ただし、IE6 は D と E の高さを 140 に追加し、B を強制的に 140 にし、C を 40 押し下げます。ただし、E の上部は 40px でレンダリングされ、D と重なる必要があります。IE6だけでBのボックスが140ハイになるだけです。
CSS/HTML を使用して、IE6 を取得して B を 100px に保つ他のブラウザに影響を与えずに動作させるにはどうすればよいですか?
jquery - カスタム ポジショニング エラー メッセージのヘルプ
私は素晴らしいBassistance jQuery Validatorで遊んでいて、ある時点で立ち往生しています.アイデアは単純です.私はこのマークアップをたくさん持っています.など...対応する「インライン」です):
さて、バリデーターは、の直後にエラーメッセージを「強制」して表示するので、次のような結果が得られます。
[入力] "ここに数字を挿入" px
[入力] "ここに数字を挿入" px
[入力] "ここに数字を挿入" px
言い換えれば、エラーメッセージは行の自然な流れを「分割」します
+following 要素の後の行にエラー メッセージを配置するのが最善です。
[入力] px
「ここに数字を挿入してください」
[入力] px
「ここに数字を挿入してください」
[入力] px
「ここに数字を挿入してください」
しかし、これに到達する方法はありません
エラー メッセージは常にラッパー div の後ではなく の後になるため、次の要素を a でラップしても効果はありません。
エラー コンテナーのデモ ( http://jquery.bassistance.de/validate/demo/errorcontainer-demo.html ) は、すべてのエラーを 1 つの div にラップするため、私のニーズには合いませんが、エラーを表示するという考えは、いいですね
助けてください。これに対する解決策はありますか?ありがとう
html - 2 番目の Html テーブル セルが画面の残りの部分にまたがる
2 列 1 行のテーブルがあり、画面の幅は 100% です。最初の列は、その中のコンテンツがいっぱいになるのと同じくらい多くのスペースを占めるようにしたい. このコンテンツは画面全体を占めるべきではないため、ラッピングについて心配する必要はありません。次に、2 番目のセルが残りの水平スペースを占有するようにします。
このテーブルを設定するにはどうすればよいですか? 2 つのセルの幅を無駄に設定するさまざまな組み合わせを試しました。