タグ付けされた質問 「css-tables」

4
HTML5テーブルのcellpadding、cellspacing、valign、alignに代わるものは何ですか?
ではVisual Studioのは、私はこれらの警告を見ています: 検証(HTML 5):属性 'cellpadding'は要素 'table'の有効な属性ではありません。 検証(HTML 5):属性 'cellspacing'は要素 'table'の有効な属性ではありません。 検証(HTML 5):属性 'valign'は要素 'td'の有効な属性ではありません。 検証(HTML 5):属性 'align'は要素 'td'の有効な属性ではありません。 それらがHTML5の有効な属性ではない場合、CSSでそれらを置き換えるものは何ですか?

10
CSSフロートを1行に保つにはどうすればよいですか?
float: left左側のアイテムに使用している同じ行に2つのアイテムが欲しいです。 私はこれを一人で達成するのに問題はありません。問題は、私は2つの項目がしたい、あるとどまる同じ行にあなたは非常に小さく、ブラウザのサイズを変更した場合でも。ご存知のように...テーブルでどうだったか。 目標は、右側のアイテムが何に関係なくラッピングしないようにすることです。 divがの下にくるようにラップするのではなく、コンテナをストレッチするdivことをCSSを使用してブラウザに伝える方法float: right;はfloat: left; div? 私が欲しいもの: \ +---------------+ +------------------------/ | float: left; | | float: right; \ | | | / | | |content stretching \ Screen Edge | | |the div off the screen / <--- +---------------+ +------------------------\ /

10
テーブル内の特定の行の周りの境界線?
テーブルの特定の行の周囲に境界線を配置できるHTML / CSSを設計しようとしています。はい、実際にレイアウトにテーブルを使用することになっているわけではありませんが、完全に置き換えるのに十分なCSSをまだ知りません。 とにかく、私は複数の行と列を持つテーブルを持っています。いくつかはrowspanとcolspanとマージされており、テーブルの一部の周りに単純な境界線を配置したいと思います。現在、私は4つの個別のCSSクラス(上、下、左、右)を使用して<td>います。これらのクラスは、表の上部、下部、左、および右に沿ったセルにそれぞれアタッチします。 .top { border-top: thin solid; border-color: black; } .bottom { border-bottom: thin solid; border-color: black; } .left { border-left: thin solid; border-color: black; } .right { border-right: thin solid; border-color: black; } <html> <body> <table cellspacing="0"> <tr> <td>no border</td> <td>no border here either</td> </tr> <tr> <td …
120 html  css  border  css-tables 



5
div間のスペース-表示テーブルセル
ここには2つのdivがあります。 <div style="display:table-cell" id="div1"> content </div> <div style="display:table-cell" id="div2"> content </div> これらの2つのdiv(を持つdisplay:table-cell)の間にスペースを作る方法はありますか?
96 html  css  css-tables 

10
CSSでテーブルを水平方向に配置する方法
ブラウザウィンドウの中央に固定幅のテーブルを表示したい。今私は <table width="200" align="center"> しかし、Visual Studio 2008はこの行に警告を出します: 属性 'align'は古いと見なされます。新しい構成をお勧めします。 同じレイアウトを取得するには、どのCSSスタイルをテーブルに適用する必要がありますか?

16
CSSセルマージン
私のHTMLドキュメントには、2つの列と複数の行を持つテーブルがあります。CSSを使用して最初の列と2番目の列の間のスペースを増やすにはどうすればよいですか?「margin-right:10px;」を適用してみました 左側の各セルには影響しますが、効果はありません。
95 html  css  cell  margin  css-tables 

7
HTMLメールコンテンツをブラウザウィンドウ(またはメールクライアントプレビューペイン)の中央に配置するための最良の方法は何ですか?
私は通常margin:0 auto、標準のブラウザベースのコンテンツに960コンテナとともにCSSルールを使用しますが、HTMLメールの作成は初めてで、標準のCSSを使用せずにブラウザウィンドウの中央に配置したい次のデザインがあります。 http://static.helpcurenow.org/mockups/emails/2010/may-survey/survey.html メールテーブルのデザインを外側のテーブルセットにラップし、tbodyまたはこのようなものにwidth:100%インラインスタイルを使用text-align:centerしてそれを行うことによっても達成できることをどこかで見たことを覚えているようです。 これに関するベストプラクティスはありますか?

2
CSSの「display:table-column」はどのように機能するはずですか?
次のHTMLとCSSを考えると、ブラウザーにはまったく何も表示されません(執筆時点で最新のChromeとIE)。すべてが0x0ピクセルに折りたたまれます。どうして? <!DOCTYPE html> <html> <head> <style type="text/css"> section { display: table; height: 100%; background-color: grey; } #colLeft { display: table-column; height: 100%; background-color: green; } #colRight { display: table-column; height: 100%; background-color: red; } #row1 { display: table-row; height: 100%; } #row2 { display: table-row; height: 100%; } #row3 { …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.