ベストアンサー

これをCSSで行うには

2006/04/25 02:14

<table border=0 width=90%><tr><td>ほげほげほげ</td><td>ぼげぼげぼげ</td></tr></table> をCSSで表示するにはどうしたらいいのでしょうか？

Intel_404
お礼率38% (213/548)

CSS
回答数1
ありがとう数0

回答全件

ベストアンサー

多分こういう感じでいいと思います。 <div style="text…

2006/04/25 12:43

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

noname#19206

2006/04/25 12:43 回答No.1

多分こういう感じでいいと思います。 <div style="text-align:center;"><div style="margin-left:auto;margin-right:auto;width:90%;"><div style="width:50%;float:left;text-align:justify;">ほげほげほげ</div><div style="width:auto;text-align:justify;">ほげほげほげ</div></div></div> センタリングをしない場合はこちら。 <div style="width:90%;"><div style="width:50%;float:left;text-align:justify;">ほげほげほげ</div><div style="width:auto;text-align:justify;">ほげほげほげ</div></div> 全体のレイアウトにテーブルタグを使っている場合、それを CSS へ切り替えることは適切な処置であるといえますが、図表としてのテーブルを CSS で代用することは不適切な処置です。 CSS が無効な環境のユーザーがその部分の情報をできなくなりますのでご注意ください。

全文を見る

ログインすると、全ての回答が全文表示されます。

関連するQ&A

tableをcssで表記したい
下記のhtmlのスタイル部分をcssで表記したいのですが、どのようにすればよいのでしょうか？ tableの種類が一つの場合はできるのですが・・・＜table width="100" border="1" cellpadding="1" cellspacing="1" bgcolor="#AAAAAA"＞＜tr＞＜td width="30" bgcolor="#FFFFFF"＞a＜/td＞＜td "＞b＜/td＞＜/tr＞＜/table＞＜br＞＜table width="50" border="2" cellpadding="2" cellspacing="2" bgcolor="#BBBBBB"＞＜tr＞＜td width="25" bgcolor="#CCCCCC"＞c＜/td＞＜td＞d＜/td＞＜/tr＞＜/table＞
- 締切済み
- HTML
ＣＳＳについて　初心者です。
勉強中の身なんですが・・このように設定した場合文章１と文章２が大きく開く状態になるんですが、なぜでしょうか？また文章１セルの真ん中に表示され文章２が左にひょうじされるのも分りません・・・・いろいろ調べてみたんですが中々納得ができなくて・・・特にこうういう風にやりたいとかは特になくて、なんでこうなるのかが知りたいのです。詳しい方説明して頂けるとありがたいです。すみませんがよろしくお願い致しますｍ（。。）ｍ「ＨＴＭＬ」 <table> <tr> <th>見出し</th> <th></th> <th> </th> <th> </th> </tr> <tr> <td>内容</td> <td> </td> <td> </td> <td></td> </tr> </table> 「ＣＳＳ］ table{ width:250px; border-collapse:collapse; border-width:1px; border-style:solid; border-color:#000000; border-spacing:0; } th{ border-width:1px; border-style:solid; border-color:#000000; } td{ border-width:1px; border-style:solid; }
- ベストアンサー
- HTML
css
<table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <table width="300" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="110"><img src="a.gif" width="100" height="100" border="0" /></td> <td > <div class="ab">left</div> <p>説明文 </p> </td> </tr> </table> </td> <td width="20"></td> <td> <table width="300" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="110"><img src="b.gif" width="100" height="100" border="0" /></td> <td> <div class="ab">right</div> <p>説明文説明文 </p> </td> </tr> </table> </td> </tr> </table> .ab { border-bottom:1px solid #E3E3E3; padding-left:5px; margin: 0px 0px 10px 0px; テーブル内の文字数が変わると片方が上から下に下がってきます。両方上に揃えるにはどうすればいいんでしょうか。よろしくお願いします。
- ベストアンサー
- CSS
cssの書き方について
下記の記述をhtmlにしました。 <table border="1"> <tr><th>あああ</th><th>いいいいい</th></tr> <tr><td>ううううう</td><td>おおお</td></tr> </table> <table border="1">のtdやthに有効にさせるcssを記述する際にはどのように記述すればよいのでしょうか？ .1で良いのですかね？よろしくお願いします
- ベストアンサー
- HTML
CSSのテーブルの件で
はじめましてよろしくお願いいたします。 CSSでテーブルを作っているのですがうまくいきません作りたいのは下記のようなテーブルです ┌───────┐ │　A　 │　B 　 │ └───────┘ 点線ではなく普通の線で構いません大きなテーブルの幅が500pxとして Aを200px Bを300px にしたいのですテーブルのIDは「table2」にしています <外部CSSの部分> #table2{border:1px solid #000000; width:500px; } #table2 th{border:1px solid #000000; width:200px; } #table2 td{border:1px solid #000000; width:300px; } <htmlの部分> <table id="table2"> <tr> <td></td> </tr> </table> 色々やってみたのですがうまく行きません詳しい方教えて頂けないでしょうか？どうぞよろしくお願いいたします。
- ベストアンサー
- HTML
テーブルの幅をデフォルトに戻すcssがわかりま
<html> <head> <title>test</title> <style type="text/css"> table { width: 100%; } </style> </head> <body> <table border=1> <tr><td>No</td><td>table1</td></tr> </table> <table border=1> <tr><td>No</td><td>table2</td></tr> </table> </body> </html> このようなソースで二つ目のテーブルだけ table { width: 100%; } を適用しない方法はありますか? 実際はテーブルが複数あり基本的には table { width: 100%; } をテーブルに設定したいのですがとあるテーブルのみテーブルの幅をデフォルトのサイズにしたいのです。 table { width: 100%; } で全てのテーブルに適用した後にクラスを使って該当のテーブルのみデフォルトの値に戻す方法は有りますか? <table border=1 class="デフォルトに戻す"> <tr><td>No</td><td>table2</td></tr> </table> としたいのですがテーブルの幅をデフォルトに戻すcssがわかりません。 2つのテーブルの幅は指定したくありません。
- ベストアンサー
- HTML
●tableをCSSで書き直すには(HTMLソース付き)
いつも勉強させていただいております。今回は質問をさせていただけないでしょうか。上の表の枠のように少し立体感があるようにしたいと思います。これを、CSSにしたいのですが、border-styleをいろいろ試しても同じようになりません。どのようにすれば良いでしょうか？ <html> <STYLE TYPE="text/css">  </STYLE> <body bgcolor="#FF88FF"> <table width="270" border="1" cellpadding="0" cellspacing="0" > <tr> <td>こんな感じにしたいです。</td> <td>BBB</td> </tr> </table> <br> <table style="width:270px;" class="TTT"> <tr class="TTT"> <td class="TTT">なぜか、こんな感じになってしまいます。</td> <td class="TTT">DDD</td> </tr> </table> <br> </body> </html>
- 締切済み
- HTML
CSSのtableについて【CSSが無かったのでHTMLで…。】
<html> <head> <title>test</title> <style type="text/css">  </style> </head> <body> <table> <tr> <td rowspan="2"> 1 </td> <td> 3 </td> </tr> <tr> <td> 2 </td> </tr> <tr> <td colspan="2"> 3 </td> </tr> </table> </body> </html> このように入力をした場合、一番下にできるテーブル(3)2つ結合しているにもかかわらず、1つ分？の状態で文字がcenterになってしまいます。結合した(2つの)真ん中に表示させるにはどうしたらいいですか？？教えてください☆
- ベストアンサー
- HTML
CSSでテーブルを表示させるには
CSSでテーブルを表示させたいのですが、やり方が分かりません。教えてください。現在は、HTMLで以下のように記述しています。 -------------------------------------------------------- <table border="0" width="100%" cellspacing="0" cellpadding="2"> <tr> <td bgcolor="#000000">テキスト</td> </tr> </table> -------------------------------------------------------- 具体的には、クラスを指定して、<div class="table">テキスト</div> と記述したときにテーブルを表示させたいです。回答よろしくお願いします。
- ベストアンサー
- CSS
css テーブルについて
よろしくお願いします。 2だけを300pxと100pxに2分割にできないでしょうか。 <div class="aa"> <table> <tr> <th>1</th> <td>2</td> </tr> <tr> <th>1</th> <td>1</td> </tr> </table> </div> .aa table { width: 500px; height: 100px; border: 1px #000000 solid; border-collapse: collapse; } .aa th { width: 100px; border: 1px #000000 solid; } .aa td { width: 400px; border: 1px #000000 solid; }
- ベストアンサー
- CSS