マンガでよめる痔のこと・薬のこと

下記のHTML文でバックの灰色部分をセンターリングするにはどうしたらいいのでしょうか?

<P style="padding: 8px; width: 800; background-color:#CCC" align="center">
<input type="submit" value="Aタイプ" style="width: 120px"><input type="reset" value="Bタイプ" style="width: 120px">
</P>

A 回答 (5件)

HTMLで行うならcenter要素で行うのが妥当なのかな。


また、div要素のalign属性にcenterを設定するのでも同様の処理が行われるよう。
【HTML 4.01仕様書邦訳】配置
http://www.asahi-net.or.jp/~SD5A-UCD/rec-html401 …

その際は文書型宣言に注意。Strictでは使えません。
文書型宣言については下記を参照。
【HTML 4.01仕様書邦訳】HTMLバージョン情報
http://www.asahi-net.or.jp/~SD5A-UCD/rec-html401 …


スタイルシートを使えるなら下記のようにするのが妥当。

p {
margin: 0 auto;
padding: 8px;
width: 800px;
text-align: center;
background-color: #ccc;
}
input {
width: 120px;
}

<p><input type="submit" value="Aタイプ"><input type="reset" value="Bタイプ"></p>


IE6の場合は標準モードでないとセンターに表示されません。
標準モードについては下記を参照。
【TAG index】表示モードについて
http://www.tagindex.com/html_tag/basic/doctype.h …


質問とは直接関係はないですが、p要素のwidthプロパティについては単位を付けましょう。
800→800px
    • good
    • 0

#3です。


下書きの転記ミスです、最後の行が抜けていました。
</TBODY>の後に</TABLE>を入れて下さい。

失礼しました。

ついでに、ご存知だと思いますが、テーブルの長所ですけどこのリンク行の高さを指定することが出来ます。
TDの中身に高さ要素を加えますと
<TD style="text-align:center; height:22px;">
など。
    • good
    • 0

こんばんは。


画面いっぱいに拡がる見えない表を作ってその中にセンタリングさる方法は如何ですか。

___________________
<TABLE border="0" width="100%">
<TBODY>
<TR>
<TD style="text-align:center;">
<P style="padding: 8px; width: 800; background-color:#CCC; "><INPUT type="submit" value="Aタイプ" style="width: 120px"><INPUT type="reset" value="Bタイプ" style="width: 120px"></P>
</TD>
</TR>
</TBODY>
    • good
    • 0

<center>


<P style="padding: 8px; width: 800; background-color:#CCC;" align="center">
<input type="submit" value="Aタイプ" style="width: 120px"><input type="reset" value="Bタイプ" style="width: 120px">
</P>
</center>


<div style="text-align:center;">
<p style="padding: 8px; width: 800; background-color:#CCC;" align="center">
<input type="submit" value="Aタイプ" style="width: 120px"><input type="reset" value="Bタイプ" style="width: 120px">
<p>
</div>

どちらでもできます(^^)

参考URL:http://stylesheet.dspt.net/001/ie_error2.html
    • good
    • 0

 <center>~</center>で囲うのはだめですか↓



<center>
<P style="padding: 8px; width: 800; background-color:#CCC" align="center">
<input type="submit" value="Aタイプ" style="width: 120px"><input type="reset" value="Bタイプ" style="width: 120px">
</P>
</center>
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング