問題タブ [styling]

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

css - CSS を使用してビューポートの垂直中央に配置

<div>Javascript (純粋な HTML と CSS のみ) に頼らずに、ビューポート (ブラウザー ウィンドウ) でa を垂直方向に中央揃えしようとしています。いくつかの制約があります。

  • は、ビューポートの垂直方向のdiv中央に配置する必要があります。<div>私が見たメソッドは、私が望むものではない、 別の内部のセンタリングのみをサポートしています。
  • の高さdivは不明。

その他の制約:

  • div右揃えにする必要があります。
  • div幅は一定です。
  • divパディングをサポートする必要があります。
  • その他の要素は Web ページに配置されます。はdivメニューとして機能します。
  • div は背景色/画像をサポートする必要があります。

これにより、私が望むものに近づきますが、正確ではありません:

ただし、ナビの上部はナビの真ん中ではなく真ん中にあります。

divこれらの制約を中心に置くことができるテクニックはありますか?

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

asp.net - 入力または選択コントロールの代わりに SPAN テキストを使用したフォーム スタイリング

フォーム入力要素の上にラベルをフォーマットする CSS があります。読み取り専用データを表示するだけの場合は、入力要素をデータベースからのテキストに置き換えたいと思います。

何をしても、入力フィールドをスパンまたは asp:label に変更しても、テキストの上にラベルが正しく表示されません。

私はこのCSSを使用しています:

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

css - HTMLの順序付けされていないリストのスタイルを制御するにはどうすればよいですか?

リンクのリストをスタイリングするのはとても面倒だと誰が思ったでしょう!

  • 創刊号弾丸として任意の文字を使用したいと思います。これは不可能だと私は確信していますが、多分あなたは違うことを知っていますか?

  • いずれにせよ、弾丸と<li>の内容との間の距離を制御したいと思います。

  • 箇条書きの高さを制御したい(フォントやサイズなどに関係なく、<li>のテキストの中央に配置されるようにする)。

  • 弾丸は、側面にぶら下がるのではなく、<ul>を含む<div>内にとどまりたいです。

  • <li>内の長い項目を折り返して、箇条書きをテキストから除外したいと思います。

IE6以降のすべてのブラウザで動作するようにしたいと思います。IEの奇妙さに対する特別な訴えはできるだけ少なくしてください!(これは私が使用できないことを意味します:before

リストではなく、<span>と</br>を使用したくなります。

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

c# - Infragistics で Office 2007 スタイルを設定するにはどうすればよいですか?

インフラジスティックスを使用して Office 2007 フォーム スタイルを設定しようとしましたが、必要なコード行が見つかりません (非常に少ないと思われます)。

必要なコードやチュートリアルへのリンクを持っている人はいますか? インフラジスティックスのサイトを見ると、サンプルはほとんどないようです (または、見つけられません)。

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

wpf - XAML をスタイルに組み込むための戦略は何ですか?

WPF アプリケーションを作成すると、すぐに XAML が膨張し始めます。

次に、HTML/CSS の方法で XAML/スタイルの問題に取り組み、反復的なコードを探し、それをスタイルにまとめて Window.Resources セクションに入れます。

これは他の人が行っている方法ですか、それとも XAML でより良い方法がありますか? 以下の 2 つのブロックは 2 つの小さな単語だけが異なるようです。メニューに 25 の要素がある場合にできるように、ある種の機能的なユーザー コントロール(これは左側のメニュー) に配置できるようです。名前とおそらくクリックターゲットと同じ25行だけがあります。

または、これを MVVM に移動すると、この問題は DataBinding で自動的に処理されるため(現在はハードコードされたプロトタイプにすぎません)、メニュー項目の名前を ViewModel のコレクションに保持してから、メニューは、ItemsControl で動的に?

または、肥大化した XAML ファイルは、WPF アプリケーションでは当たり前のことなのでしょうか?

WPF アプリケーションを作成するとき、どのような XAML スタイリング戦略を採用していますか?

Window.Resources (ファイルの上部):

現在の XAML:

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

css - CSS を使用してリスト項目を一緒に保つにはどうすればよいですか?

HTMLの骨組みはこちら

CSSは

私が求めている効果は、テキストが画像の下に折り返されている画像よりも長い場合、div 内の左上にテキストが右側にある画像です。

ただし、リストが画像の右側から始まる場合は、画像の下にあるリスト項目が画像の下に表示され、リストが 2 つのセクションに分割されるのではなく、すべての項目が互いに垂直に整列するようにします。

イメージ スケッチ ユーティリティが必要です :)

これ

これではない

ありがとう!

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

css - 分割幅の問題

水平スクロール バーがある場合に、div が画面の端を越えて水平方向に拡張されないようにするものは何ですか?

DIV のコンテンツは左にオーバーフローしますが、DIV 自体はオーバーフローしません。

div を右端まで移動させるにはどうすればよいでしょうか?

ありがとう

0 投票する
4 に答える
4237 参照

drupal - Drupal / Ubercart ...ノードのスタイリング?

Drupalサイトで製品ビューのスタイルを設定しようとしていますが、問題が発生しています。ノード(製品)ビューがubercartのどこにまとめられているのかわかりません!

UC 5.x-1.7を使用していますが、ノード(製品)ビューページのスタイルを設定する必要があります。現在、node.tpl.phpファイルには、次のようなものがあります。

べてのSKU、属性、価格、画像などを吐き出します。

問題は、これを別のスタイルにする必要があることです。デザイナーが行ったデザインに取り組む必要があります。次のような変数を使用して、自分のバージョンのやり直しを開始しました

製品のさまざまな属性を操作しようとして問題が発生しました。それらを自分のページに配置する方法や、コーダーの観点からそれらを操作する方法に関するドキュメントを見つけることができません。

もっと簡単な方法はありますか?既存の表示(つまり、$ body変数)のスタイルをどこで確認しますか?

編集:私のテーマは禅のテーマに基づいています

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

wpf - WPF SystemColors: TextBox の境界線の色

虫眼鏡アイコンが埋め込まれた検索 TextBox を作成しようとしています。これまでのところ、次のマークアップがあります。

ただし、標準の TextBox 境界線と同じ色になる SystemColors のエントリが見つかりません。これは、デフォルトでは青みがかった色です。ここで私は本当に愚かですか?

編集:ところで、ドロップダウン矢印も配置する予定なので、画像はスタックパネルに含まれています。