問題タブ [stylesheet]
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 - CSS クラスの再利用 / 自動入力
私はCSSクラス名を持っていると言います
私のフォームには、多くのスパンと div があります。
新しいスパンまたは div を作成するときにすべてを入力する代わりに、スパンと div のすべてのクラスを実装する簡単な方法はありますか? これの代わりに:
そのようです:
乾杯
html - HTMLページでテキストのサイズ変更率を制御する方法
2つのフレームを持つアプリケーションを設計しました。最初のフレームには使用可能なメニューリストが表示され、2番目のフレームにはメニューコンテンツが表示されます。IEの[表示]>[テキストサイズ]機能を使用してページのテキストコンテンツのサイズを変更できるように、ページとスタイルシートを設計しました。
HTML要素またはスタイルシートに指定できるサイズ変更の制御要素はありますか?テキストコンテンツのサイズを変更すると、メニューリストがメニューコンテンツフレームよりもはるかに大きく変化するためです。
注:すべての余白、境界線、フォントサイズなどは、emを使用して指定されます。
よろしく...
drupal - Drupal-Zenサブテーマ-InternetExplorer以外のブラウザーのスタイルシートを指定する
Zenサブテーマを使用するDrupal6では、カスタムスタイルシートはInternet Explorer 7を除いてどこでも美しく完璧です。これは:hover
バグのようで、リンクにカーソルを合わせるとメインコンテンツ領域が左側のサイドバーを飛び越えます(マージンの崩壊またはマージンのリセット?)。
min-heightの設定を試みました:すべて:hover
の要素と親要素で1%ですが、ホバー要素がゼロに定義されている「ie7specific.css」を指定することを最終的に決定した人は非常に多いです。InternetExplorer7ユーザーの幸運を祈ります。
ただし、myspecialsub_theme.info
ファイルでは、myspecialsub_theme.css
は自動的にInternet Explorerに送信されるため、:hover
要素が作成されます。Internet Explorer 7が特定のCSSを取得し、他のすべてのブラウザーが通常のCSSを取得するように指定する必要があります。
Internet Explorerバージョンでは機能しますが、Firefoxはスタイルシートを取得していません。!IEが機能しないのはなぜですか?代わりに何を使用すればよいですか?
または、説明されている問題の別の解決策はありますか?
更新:私のコメントは下にうまく表示されませんでした、これが私が最終的に見つけた解決策です:
wikipedia.org/wiki/Conditional_commentに感謝します。
でsubtheme.info
:
でpage.tpl.php
:
クレイジーハァッ?
最終更新:これまでのところ、私はついに:hover
Zenサブテーマのバグの原因を発見しました。div mainにはaが必要でzoom:1;
あり、これらの条件付きスタイルシートは必要ありません。しかし、元の問題を解決できない場合は、そこに行きます。
javascript - どうすればdivhtml要素を「スタイル解除」できますか?
CSSやjavascriptなどを介して、実際にdivを取得し、スタイルを継承しないようにする簡単な方法はありますか?
Webサイトにヘッダーを追加するブックマークレットを作成しています。DOMを次のように変更します。
非常に効果的に私たちが最終的にするのはこれです:
すべてが表示されるように、すべてが適切にスタイル設定されているなど。問題は、元のページのスタイルシートがヘッダーの外観に影響を与えることです。フレームやiframeを使用しますが、フレームバスティングを実装しているサイトではこれが機能しなくなります。
アイデアありがとうございます!
list - CSS水平メニュー-等間隔ですか?
ULタグとLIタグで作成された標準のCSSメニューがあります。ページ全体を水平方向にカバーする必要があります(実際のケースではありませんが、状況を単純化するためにこれを使用します)。ただし、アイテムは動的に作成されるため、LIアイテムやマージンをハードコーディングすることはできません。
JavaScriptを使用してこれらの値を設定するソリューションを見てきましたが、実際には避けたいと思います。
最後に、私は設定されているかなり良い解決策を見てきました
これにより、IEを除くほとんどのブラウザで目的の動作が作成されます。
何か案は?
編集:回答ありがとうございます。ただし、アイテムを生成するコードは私のものではないため、後でJavaScriptを使用せずにアイテムを作成するときにインラインスタイルを設定することはできません。
asp.net - ユーザーが Web ページのフォント サイズを変更できるようにする - ASP.Net
私のウェブサイトに機能を提供して、ユーザーがいくつかのもの (+ や - 画像など) をクリックしてフォント サイズを増減できるようにしたいと考えています。しかし、私も欲しい:
- フォント サイズを大きくしたときに Web サイトのレイアウトが乱れないようにする
- 私のマシンでシナリオをテストして、上記の点を確認してください
私が望むのは、ブラウザのフォント サイズやマシンのフォント サイズに依存しないソリューションだと思います。そうしないと、結果をテストして制御する方法がありません。
私のWebアプリケーションでは、フォントサイズをハードコーディングしていませんが、どこかで幅= 50pxのようにテキストボックスの長さを指定しましたが、これを変更する必要があると思います..どの単位を使用すればよいですか?
テーマを使用して、ラベルとテキスト ボックスのフォント サイズを小さい、小さい、大きいなどに定義することを考えています。うまくいくかどうかわかりませんか?
更新:別のフォーラムでも質問しました: http://forums.asp.net/t/1453926.aspx
基本的に、すべての回答から、2つのアプローチがあることがわかりました。
- em と body のフォント サイズを使用します: body { font-size: 62.5%; } p { フォントサイズ: 1.2em; }
フォントサイズを増減する必要がある場合は、本文のフォントサイズのパーセンテージを増減するだけです
- 絶対フォント サイズを使用する: css は xx-small から xx-large までの範囲 (7) のフォント サイズを定義するため、css で font-size: small を定義できます。
これらのフォント サイズに関する良い記事を http://meyerweb.com/eric/articles/webrev/199908a.htmlで見つけました。
ただし、これら 2 つのオプションのいずれも、私が探していたものではありません。本当の意味で絶対サイズを設定することを探していたので、font-size:large を設定してからブラウザのサイズを大きくしても、フォント サイズは同じままである必要があります。ブラウザのフォントサイズ。何か助けて????
html - スタイル シートで * セレクターを使用してスタイルをリセットする
現時点では、次のように、スタイル シートの上部に必要なスタイルをリセットしています。
ただし、人々が次のように使用するのを何度も見てきました。
それは物事をより簡単にするように見えますが、どこか別の場所で (どこか覚えていません...)、 * セレクターを使用するとパフォーマンスに深刻な影響があると読みました。
それは本当ですか、セレクターの長いリスト (例にはいくつかのセレクターしかありませんが、それ以上のセレクターがある可能性があります) は * セレクターよりもはるかに優れたパフォーマンスを発揮しますか? * セレクターにはおそらく他の欠点がありますか?
css - 開始したプロジェクトでリセットスタイルシートを使用することをお勧めしますか?
私は、リセットスタイルシートを使用しない長い間開始されたWebプロジェクトで作業しています。
すでに行われていることをすべて考慮して、リセットスタイルシートを含めることをお勧めしますか?
css - Umbraco - 奇妙なスタイルシートの問題
Umbraco に組み込まれるユーザー コントロールを開発しています。長い道のりでしたが、ほとんど機能しています。
この時点で、Web コントロールをマルコとして参照するテンプレートが Umbraco にあります。ここまでは順調ですね。Firefox では見栄えがしますが、IE7 では機能しません。
奇妙な点は、Umbraco 外のテスト プロジェクトでコントロールを表示すると、IE7 と Firefox の両方でコントロールが完璧に見えることです。Umbraco の内部では、Firefox は見栄えがよく、IE7 は機能しません。 一部のスタイルは IE7 に適用されますが、他のスタイルは適用されず、レンダリングが中断されます。
CSS ファイルが Umbraco の適切な場所にあることを確認し、他にもいくつか試してみましたが、うまくいきませんでした。コントロールが Umbraco でホストされている場合にのみ、IE がこのように壊れる原因となるものは考えられません。CSS ファイルにアクセスできない場合、一部のスタイルは適用されず、他のスタイルは適用されず、完全に破損するはずです。
ティア