問題タブ [css-tables]

誰でもこの問題を解決するのを手伝ってくれますか? このソリューションは IE 8 では機能しません。

簡単に言えば、表の行に背景画像を適用すると、背景が内側のセルに適用されます。

CSS テーブル手法を使用して単純な流動レイアウトを実行しようとしていますが、大きな欠陥が 1 つあります。テーブル セル表示の要素では最小幅と最大幅が無視されます。

次の例で #sidebar 要素をどこまで伸ばすことができるかを指定できる回避策を知っていますか?

XHTML:

CSS:

マウスがその上にあるときに、html テーブル列の背景列を変更するにはどうすればよいですか?

できればcssのみで。

私は CSS があまり得意ではないので、助けが必要です。

1行おきに灰色にし、交互の行を白にしたいテーブルがあります。しかし、私はそれが特定の1つのテーブルでのみ発生することを望んでいます。

CSS にいくつかのコードを追加しました。

しかし問題は、サイトのすべてのテーブルに影響を与えることです。特定のクラスにのみ適用される例は見つかりませんでした。それは可能ですか？私はそれを以下にのみ適用したい:

これを手動で実行しようとしましたが、エラーが発生しやすくなります。自動的に変換する簡単な方法はありますか？

1 行に 3 つのセルを含むテーブルに問題があります。これらのうちの 2 つ (左と右) は幅/高さが固定されており、画像を表示する必要があります (画像が存在しない場合は 0 に縮小します)。中央のセルは、テーブルの固定合計内の残りのスペースを取ります。

問題：「画像コンテナ」が（セルの下で）拡大しているように見える3pxの余分なスペースができてしまいます。たとえば、'starredunread' 要素を調べると、高さが 20px から 23px に大きくなります。また、マージン/パディングはデフォルトですでにオフになっており、border:0 と border-collapse: collapse が役に立たないため、何が起こっているのかわかりません。

CSSファイルは次のとおりです。

HTMLコードは次のとおりです。

...画像がないと見栄えがよくありませんが、とにかく私の問題を示しています。

私が間違っていることは何か分かりますか？ご意見をお寄せいただきありがとうございます。コードは Safari / Webkit でのみ機能する必要があります。

私は次のように構造化された要素を持つフォームを持っています:

私が望む方法は、ラベルが入力ボックスの横に配置され、入力ボックスがコンテナ全体に収まるように拡張されることです。入力ボックスに手動で幅をピクセル単位で設定すると、各ボックスが同じ長さになるわけではありません。

幅を 100% に設定しようとすると、幅全体を拡張するために入力ボックスが新しい行に折り返されます。

ラベル (幅は可変) を入力ボックスの左側に配置し、それらの入力ボックスを含む div に合わせて拡張するにはどうすればよいですか?

これが私の現在のCSSです：

display: table-*CSS プロパティを使用して、写真のリストをフォーマットしたいと考えています。以下は、理論的には何も問題がないという点で、「正しい」実装であると思いますが、境界線でわかるように、Firefox と Safari では表のレイアウトが台無しに表示されます。比較のために、以下の両方の img タグを<div></div>;で囲んでみてください。これは正しく表示されます。

これは img タグに固有のものであり、おそらく、実際にどれだけのスペースを必要とするかに対して、それがどのくらい大きいと考えているかです。これはバグですか？

以下のコードは、この問題の最小限の挑発です。

HTMLテーブルを作成し、次のCSSを使用して必要に応じて境界線のスタイルを設定しました。

1. 一番上の行と列は1つの色になり、テーブルの残りの部分はストライプの代替行の色になります。

2. 各セル上の通常の単一の黒い境界線

これが私のCSSです：

Firefoxの奇妙な問題は、テーブルの半分の周りに境界線が表示され、残りの部分には境界線が表示されないことです。これがサンプル画像です。IE8では問題ないようです。私がここで間違っていることについて何か考えはありますか？

Firefoxでの私のHTMLテーブルのスクリーンショット。セルをクリックすると、境界線が表示されます。なんで？

代替テキストhttp://img40.imageshack.us/img40/5126/htmltable.png

私はCSSの専門家ではないので、これは少しイライラします。リピーターで満たされたグリッドがあります。行を視覚的に区切るために、各行の下部に 1 ピクセルの境界線を設定します。また、テーブルの両側に濃い灰色の境界線が必要です。このテーブルには次の CSS を使用します。

FF (テーブルの右端の SS) でこの結果を取得しています。

そしてIE8でこれ：

代替テキスト http://img412.imageshack.us/img412/7092/borderie.png

私が必要とするのは、行の境界線ごとに改行するのではなく、暗い灰色の境界線を塗りつぶしたままにすることです。テーブルには 2 つの列がありますが、cellspacing は 0px であるため、tr に border-bottom を設定すると連続した境界線が作成されます。これを機能させるためにcssにいくつかの変更を提案できる人はいますか?