問題タブ [css]
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 - Internet Explorer 7で絶対位置にある親の幅の子要素のパーセンテージで幅が折りたたまれたのはなぜですか?
私は絶対に配置されたdiv
いくつかの子を含み、そのうちの1つは比較的配置されていdiv
ます。percentage-based width
子でを使用すると、IE7ではdiv
折りたたまれ0 width
ますが、FirefoxやSafariでは折りたたまれません。
を使用すればpixel width
動作します。親が比較的配置されている場合、子のパーセンテージ幅が機能します。
- ここに欠けているものはありますか?
pixel-based width
子供以外にこれを簡単に修正することはできますか?- これをカバーするCSS仕様の領域はありますか?
javascript - 定義されたフォントのどれがWebページで使用されたかを検出するにはどうすればよいですか?
ページに次のCSSルールがあるとします。
定義されたフォントのどれがユーザーのブラウザで使用されたかをどのように検出できますか?
なぜこれを実行したいのか疑問に思っている人にとっては、検出しているフォントに他のフォントでは使用できないグリフが含まれているためです。ユーザーがフォントを持っていない場合は、ユーザーにそのフォントをダウンロードするように求めるリンクを表示する必要があります(これにより、ユーザーは正しいフォントで私のWebアプリケーションを使用できるようになります)。
現在、すべてのユーザーにフォントのダウンロードリンクを表示しています。正しいフォントがインストールされていない人にのみ表示したいです。
html - ハイフン (-) などの特殊文字の後に単語を分割する方法
比較的単純な CSS の場合:
width
文字列が150に制限されたままになり、ハイフンで新しい行に折り返されるようにするにはどうすればよいですか?
css - どのサイトが無料で高品質のウェブサイトデザインテンプレートを提供していますか?
無料の品質のWebサイトのデザインテンプレートのリストを集約しましょう。そこには何百万ものこれらのサイトがありますが、ほとんどは反復的で退屈です。
freeCSStemplates.orgから始めます
また、他のサイトはある種の標準に従う必要があると思います。たとえば、ここにfreeCSStemplates標準があります。
- Creative CommonsAttribution2.5ライセンスの下で無料でリリース
- 画像の点で非常に軽量
- テーブルフリー(つまり、レイアウトの目的でテーブルを使用しません)
- W3C標準に準拠し、有効です(XHTML Strict)
- PDPhoto.orgとウィキメディアコモンズによって寛大に提供されたパブリックドメインの写真が提供されます
javascript - ブラウザに CSS と Javascript の変更を表示させるにはどうすればよいですか?
CSS と Javascript ファイルは頻繁に変更されるわけではないので、Web ブラウザーによってキャッシュされるようにしたいと考えています。しかし、ユーザーがブラウザーのキャッシュをクリアしなくても、これらのファイルに加えられた変更を Web ブラウザーで確認できるようにしたいと考えています。また、Subversion などのバージョン管理システムとうまく連携するソリューションも必要です。
私が見た解決策の中には、クエリ文字列の形式でファイルの末尾にバージョン番号を追加するものがあります。
SVN リビジョン番号を使用してこれを自動化できます: ASP.NET Display SVN Revision Number
別のファイルのリビジョン変数を含める方法を指定できますか? それは HTML ファイルにあり、CSS または Javascript ファイルへの URL にリビジョン番号を含めることができます。
Subversionの本では、リビジョンについて次のように述べています。「このキーワードは、このファイルがリポジトリで変更された最後の既知のリビジョンを表します」。
Firefox では、CTRL+Rを押して特定のページのすべてをリロードすることもできます。
明確にするために、ユーザーが自分で何もする必要のないソリューションを探しています。
javascript - JavaScript で CSS プロパティを使用して HTML 要素の背景色を設定する方法
JavaScript で css を使用して HTML 要素の背景色を設定するにはどうすればよいですか?
javascript - リストを列にラップする
HTMLの順序付けされていないリスト( s)ColdFusion
を含むテンプレートにデータを入力するために使用しています。<ul>
これらのほとんどはそれほど長くはありませんが、いくつかは途方もなく長い長さを持ち、2〜3列で実際に立つことができます。
これを簡単に行うためのHTML、ColdFusion、またはおそらくJavaScript(jQueryソリューションを受け入れています)の方法はありますか?スクロールを節約するために、複雑すぎるヘビーウェイトソリューションを使用する価値はありません。
html - CSSを使用してHTMLでdivの高さを設定する
2列のテーブルのようなページをレイアウトしようとしています。右端の列をページの右側にドッキングする必要があります。この列の背景色は明確である必要があります。右側のコンテンツは、ほとんどの場合、左側のコンテンツよりも小さくなります。右側のdivは、その下の行のセパレーターに到達するのに十分な高さである必要があります。背景色をそのスペースに塗りつぶすにはどうすればよいですか?
編集:この例は非常にテーブルに似ており、実際のテーブルが適切な選択であることに同意します。しかし、私の「実際の」ページは最終的にはテーブルのようになりません。最初にこのタスクをマスターしたいと思います。
また、何らかの理由で、IE7で投稿を作成/編集すると、コードはプレビュービューに正しく表示されますが、実際にメッセージを投稿すると、書式が削除されます。Firefox 2で私の投稿を編集することはうまくいったようです、FWIW。
別の編集:ええ、私はGateKillerの答えを受け入れませんでした。それは確かに私の単純なページではうまく機能しますが、私の実際の重いページではうまく機能しません。私はあなたが私に指摘したリンクのいくつかを調査します。
javascript - CSS スイッチャーの設定方法
決まった日に新しいスタイルに切り替わるウェブサイトを制作中です。サイトの組み込みセマンティック HTML および CSS であるため、変更には CSS 参照の変更のみが必要です。どのように見えるかを確認できる必要があるデザイナーと、現在の外観のコンテンツの更新と新しい外観のデザインの進行状況を確認できる必要があるクライアントと一緒に作業しています。
新しい CSS ページを選択するために Cookie を書き出すフッターで、魔法のクエリ文字列値および/または JavaScript リンクを使用する予定です。ASP.NET 3.5 で作業しています。推奨事項はありますか?
IE8、7、および 6 のサポートのために IE 条件付きコメントを使用していることに言及しておく必要があります。置換を行う関数を作成する場合があります。
css - 純粋なCSSレイアウトを目指して努力するビジネス上の理由はありますか?
純粋なCSSレイアウトを作成しようとするたびに、1つまたは2つのテーブルを使用する場合よりもはるかに時間がかかるようです。3つの列を同じ長さにし、データ量を変えるには、特にクロスブラウザーの問題を処理する場合に、特別なハックが必要になるようです。
私の質問:
これらのいくつかのテーブルが傷つくのは誰ですか?
表は表形式のデータで特にうまく機能しているようです—なぜこの時代に表はそれほど罵倒されているのでしょうか?
Google.comのソースコードにはテーブルがあるので、他の多くのサイトもそうです(ちなみにstackoverflow.comにはありません)。