問題タブ [css]

未使用の画像ファイルを見つけるために使用できる (試行錯誤以外の) 方法はありますか? サイトにさえ存在しない ID とクラスの CSS 宣言はどうですか?

サイトをスキャンしてプロファイリングし、読み込まれない画像とスタイルを確認するスクリプトを作成する方法があるようです。

次のような列とコンテンツ div があるページがあります。

いくつかのスタイリングを使用すると、列とコンテンツの間で分割された画像がありますが、整列するために同じ垂直方向の位置を維持する必要があります。

スタイリングは次のようになります。

これは、コンテンツが#contentレンダリング前に動的に読み込まれる場合にうまく機能します。これは、常にFirefoxでもうまく機能します。ただし、IE6 と IE7 では、javascript を使用して のコンテンツ (したがって高さ) を変更すると#content、画像が整列しなくなります (#column移動しません)。IE Developer Bar を使用して div を更新すると (たとえば、position:absolute を手動で追加すると)、画像が下にジャンプして再び整列します。

私がここに欠けているものはありますか？

@Ricky - うーん、つまり、この場合、解決策はないと思います。最良の場合、後でギザギザのマッチアップがありますが、私のコンテンツが拡大したり縮小したりすると、非表示/表示は実用的ではなくなります. 最善の解決策で答えてくれてありがとう。

私の (PHP) Web アプリには、最近の検索履歴を保持するサイトの一部があります。最新のクエリがサイド ボックスに表示されます。クエリ テキストが長すぎる場合は、切り捨てて省略記号を表示します。例: 「私の非常に長いクエリは...」

現在、特定の文字数の後に切り捨てています。フォントはモノタイプではないため、すべて I のクエリはすべて W のクエリよりも狭くなります。楕円の前に、それらをすべてほぼ同じ幅にしたいと思います。結果の文字列のおおよその幅を取得して、特定の文字列の楕円が最初からほぼ同じピクセル数で発生するようにする方法はありますか? CSSには方法がありますか？PHPですか？これは JavaScript で処理したほうがよいでしょうか?

私は次のものを持っていtextareaますtable：

textarea に長い文字列があると、IE7 では 1 行に収まるように textarea が拡張されますが、他のブラウザーでは 300px の幅が維持されます。

IEでこれを修正する方法についてのアイデアはありますか?

asp.netにはユーザーコントロールのヘッダーセクションがないため、ユーザーコントロールにはスタイルシートファイルについて知る方法がありません。そのため、ユーザーコントロールのcssクラスは、Visual Studioによって認識されず、警告が生成されます。cssクラスに関連することをユーザーコントロールに知らせるにはどうすればよいですか。存在しないcssクラスについて警告が表示された場合、そのクラスは実際には存在しないことを意味しますか？

編集：または、グリッドビューの「HeaderStyle-CssClass」のようなプロパティとしてcssクラスを公開するような別のデザインを選択する必要がありますか？

順序付けされていないリストを含むhtmlファイルがあります。リストアイテムを水平に表示したいのですが、それでも箇条書きは保持します。何をしようとしても、水平方向の要件を満たすためにスタイルをインラインに設定すると、箇条書きを表示できません。

これは 2 番目に単純なロールオーバー効果ですが、簡単な解決策はまだ見つかりません。

募集:アイテムのリストと、対応するスライド (DIV) のリストがあります。読み込み後、最初のリスト項目が選択され (太字)、最初のスライドが表示されます。ユーザーが別のリスト項目にカーソルを合わせると、代わりにそのリスト項目が選択され、対応するスライドが表示されます。

次のコードは機能しますが、ひどいものです。この動作をエレガントな方法で取得するにはどうすればよいですか? jquery にはアニメーション化された複雑なロールオーバー効果が多数ありますが、私はこの効果のきれいな方法を思いつきませんでした。

次のサンプルの 2 つのspanタグは隣り合って表示されると思っていましたが、上下に表示されていました。widthクラスの.right を 49%に設定すると、spanそれらは隣り合って表示されます。padding/margin右側のスパンに見えない部分があり、50% 以上かかるように、右側のスパンが押し下げられている理由がわかりません。HTMLテーブルを使用せずにこれを実行しようとしています。何か案は？

説明してくれてありがとう。float:leftFF 3.1 で期待どおりの結果が得られ、美しく動作します。残念ながら、IE6 では、右側のスパンは 50% の 50% をレンダリングするため、実際にはブラウザー ウィンドウの 25% の幅になります。幅を 100% に設定すると、目的の結果が得られますが、標準準拠モードの FF 3.1 では機能しなくなります。ハックに頼ったり、複数の CSS シートを使用したりせずに、FF と IE 6 の両方で動作させることは困難でした

iframeコンテンツを表示し、スクロールバーを表示するのに必要なだけの垂直方向のスペースを取りたいと思います。それはまったく可能ですか？

回避策はありますか?

CSS の「デザイン パターン」に関する優れたオンライン リソースを推奨できる人はいますか?

ソフトウェアのコンテキストでのデザイン パターンは通常、OO ベースのデザイン パターンを指すことは知っていますが、より広い意味でのデザイン パターン、つまり、一般的な問題やタスクに対する一般的でクリーンなソリューションを意味します。

このようなリソースの例は、このテーブル デザインのリストです。これにより、一連の CSS テクニックを使用してテーブルの見栄えを良くする方法について、本当に知っておく必要があるすべての情報が得られます。

適切なセット ソリューションを持つことができる一般的な問題の他の例としては、div の角の丸み、非常に使いやすいフォーム レイアウトなどがあります。