- ベストアンサー
テーブルの表示について。
<CENTER> ・・・ <TABLE BORDER="1" CELLSPACING="0" CELLPADDING="6" WIDTH="60"> <TR><TD BGCOLOR="#FFFFFF" ALIGN="CENTER"><b>テスト</b></TD></TR> </TABLE> ・・・ </CENTER> というようなテーブルを作成したのですが、 最初に指定しています。 これ他の部分はセンター表示でもかまわないのですが、 上記にしめしたテーブルのみは右に表示したいのですが、 何かよいやり方はあるのでしょうか？ また、いまのままではBORDER="1"は線が太すぎてみずらいのですが、１よりも線を細くすることは可能なのでしょうか？？ よろしくお願いいします。
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
単純に右寄せの場合は、「align="right"」を追加 <TABLE BORDER="1" align="right" CELLSPACING="0" CELLPADDING="6" WIDTH="60"> これは画面の幅に対して右寄せになりますので、応用テクニックとしては、センターで700ピクセル程度のテーブルを作り、その中に上記のテーブルを入れるという方法もあります。これだと任意の位置にテーブルを持ってくるとが可能です。 >BORDER="1"は線が太すぎてみずらいのですが はい、そうですね。これはCSSを使うことでもっと細くすることが可能です。 <head>～</head>の間にCSSを定義します。 <style type="text/css"> <!-- table {border: 1px solid #000000;} --> </style> 上記の1pxここの数値を増やせば線が太くなります。 CSSで線を定義したので「BORDER="1"」は削除します。 <TABLE WIDTH="60" BORDER="0" align="right" CELLPADDING="6" CELLSPACING="0"> <TR><TD BGCOLOR="#FFFFFF" ALIGN="CENTER"><b>テスト</b></TD></TR> </TABLE> ↑ 右寄せでCSSで線を1ピクセルで線の色を黒
その他の回答 (4)
＃４さんの補足です。HTMLではrightタグはありません。説明がへたくそなのでソースはご自分で解析してください。まあ解析する程の内容ではありませんが。(^^;;; <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>untitled</title> <style type="text/css" rel="stylesheet"> <!-- table{ border-style: solid; border-width: 1px; border-color: #000000; }/* ボーダースタイルを実線、ボーダ幅を1px、ボーダーカラーを黒に指定 */ --> </style> </head> <body> <div align="center"> <table cellspacing="0" cellpadding="6" width="60"> <tr> <td bgcolor="#FFFFFF" align="center"><strong>テスト</strong></td> </tr> </table> </div> <div align="right"> <table cellspacing="0" cellpadding="6" width="60"> <tr> <td bgcolor="#FFFFFF" align="center"><strong>テスト</strong></td> </tr> </table> </div> <div align="center"> <table cellspacing="0" cellpadding="6" width="60"> <tr> <td bgcolor="#FFFFFF" align="center"><strong>テスト</strong></td> </tr> </table> <table cellspacing="0" cellpadding="6" width="60"> <tr> <td bgcolor="#FFFFFF" align="center"><strong>テスト</strong></td> </tr> </table> </div> </body> </html>
お礼
ありがとうございます。
- pbforce
- ベストアンサー率22% (379/1719)
<CENTER> ・・・ </CENTER> <RIGTH> <TABLE BORDER="1" CELLSPACING="0" CELLPADDING="6" WIDTH="60"> <TR><TD BGCOLOR="#FFFFFF" ALIGN="CENTER"><b>テスト</b></TD></TR> </TABLE> </RIGTH> <CENTER> ・・・ </CENTER> が簡単でいいと思いますが・・・だめでしょうか？
お礼
ありがとうございます。
- hime_mama
- ベストアンサー率32% (1542/4716)
<TD BGCOLOR="FFFFFF" ALIGN="RIGHT">テスト</TD> で右表示になります。 ALIGN="*" の＊のところを LIGHTだと左、CENTERだと中央、RIGHTだと右になります。 同じようなタグに VALIGN="*" があります。 これは、縦の位置を指定するもので、TOPなら上から、CENTERなら真ん中、BOTTONなら下のほうに表示されます。
お礼
ありがとうございます。
- shinkun0114
- ベストアンサー率44% (1553/3474)
＞これ他の部分はセンター表示でもかまわないのですが、 ＞上記にしめしたテーブルのみは右に表示したいのです が、 ごめんなさい。意味がわからないのですが、 ・テーブルごと画面の右に寄せたい ・テーブルの中の文字を右に寄せたい どちらでしょうか？ ＞いまのままではBORDER="1"は線が太すぎてみずらいのですが、 ＞１よりも線を細くすることは可能なのでしょうか？？ 参考URLの下の方に、細い線を使う場合の例が示されていますよ。
お礼
ありがとうございます。
お礼
参考になりました。ありがとうございます。