問題タブ [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.
html - 右揃えのコンテンツによって隠される前に、HTML行のテキストがオーバーフローする
固定幅のコンテナ内の1行に表示されるテキストがあります。コンテナの幅内にテキストを含めることができない場合、オーバーフローは非表示になります。3つのステータスアイコンの任意の組み合わせが、コンテナの右側から配置されて表示される場合があります。これらのアイコンのいずれかが表示された場合、最初のアイコンが表示される前にテキストオーバーフローを非表示にして、テキストがアイコンの後ろに隠れて表示されないようにします。
アイコンの下に流れないようにテキストをオーバーフローさせるにはどうすればよいですか(理想的にはCSSのみを使用し、JavaScriptに頼る必要はありません)。
私が始めたCSSとHTMLの例(どちらも具体的に設定されていません)は次のとおりです。これは、望ましい結果も示すコードの実際の例です(データURIスキームを使用してCSSにインライン化された背景画像があるため、8より前のバージョンのInternet Explorerでは機能しないことに注意してください)。
CSS:
HTML:
css - CSS停止要素の高さが親よりも高くならないようにする
私はこの構造を概算します
<div>
<div id='1'> </div>
<div id='2'> </div>
</div>
div 1のコンテンツが大きくなりすぎて、div 2がメインのdivに収まらない場合に、スクロールバーが表示され、親divの下部から何もプッシュされないようにします。
CSSでこれを行うにはどうすればよいですか?
編集:
親div(またはその親)には設定された高さがあります。この時点でオーバーフローを設定します。div1をスクロールすると、横にスクロールバーが表示され、下部を超えてしまいます。
css - divの幅を制限するIE7での絶対配置
私はこのためのドロップダウンメニューに取り組んでいます: http://www.heroicdreams.com/wordpress/elderFlashSite.html
他のすべてのブラウザーでは問題なく動作しますが、IE7 ではドロップダウンの幅がトップ リンクのサイズとマージンによって制限されています。ドロップダウンの幅を元の div サイズを超えて拡張できるようにするという点で、IE を他のすべてのブラウザーと同じように動作させる方法はありますか?
メニューの表示/非表示にjavascriptを使用しており、元のリンクと同じdiv内の各メニューにulを使用しています。
css - CSS で背景画像を保持しながらテキストを移動する
Y軸で繰り返される背景画像を含む「main_menu」divがあります。この div の上に、ヘッダーに使用される別の div があります。問題は、ヘッダー div に高さ約 75px の画像があることです。main_div の background-image が実際に始まる場所から約 50 ピクセル高い main_div のテキストを開始したいと思います。
私は次のようなことを考えていました:
これは本当にうまくいきません。問題は、背景画像を通常の場所に保ちながら、テキストを上に移動する方法です。
ありがとう
{編集}
ここにCSSがあります
これはhtmlです
ご覧のとおり、ヘッダーはかなり高くなっています。menu_main div のテキストを 50px ほど上から始めたいと思います
css - CSS-ポジショニング
を。画像 (960x7) b. div (幅:960、パディング:10)
(a) を上から 50px 中央に配置したいと思います。(b) を (a) の真下にスペースなしで配置したいと考えています。
私のCSSは次のとおりです。
私のHTMLは次のとおりです。
灰色の背景に丸みを帯びたエッジを持つ白いコンテナーを作成しようとしています。どうすればこれを簡単かつインテリジェントに行うことができますか?
html - ウィンドウのスクロールバーに従ってdivを移動します
ウィンドウが下にスクロールし、ウィンドウが上にスクロールすると上に移動する場合、divを下に移動したいですか? 実装方法は?
css - マージンはdivポジショニングでどのように機能しますか?
#content
divはほとんどのWebコンテンツを保持します。以下に示すように、上マージンは280pxです。これは、サイトのヘッダー画像の高さであり、背景として「body」に配置されます(image / sky1.jpg)。
divをヘッダー画像の上に#content
配置できるように、divをdiv#navigation
の「マージン」の上にホルダーとして配置するにはどうすればよいですか?#Title
#content #top-float
divのすぐ上のdivがその始まりでしたが、高さにさらに追加するたびに、「マージン」が影響を受けて下に押し出されます。
<div id="top-float></div>
上記<div id="content"></div>
をhtmlに入れてみました。これはどのように配置する必要がありますか?
c# - C# で HTML ボタンを動的に配置する
これは非常に単純であることはわかっていますが、この問題をグーグルで調べたところ、ボタンで使用できる同じプロパティが表示されません。私がグーグルで検索したことによると、Location プロパティを使用して HTML ボタンの場所を変更できるはずです。しかし、これは私にとって選択肢ではありません。C#でボタンの位置を動的に変更するにはどうすればよいですか? ASPX.CS ファイル内の関連コードは次のとおりです。
btnSubmit の位置を変更したい。ASPX ファイルでは、このボタンは次のように定義されています。