#Area_Login table .tbl {
margin-left: auto;
margin-right: auto;
border: solid 1px #FFFFFF;
background-color: #000000;
}
#Area_Login table .tbl th {
text-align: center;
font-size: 12pt;
background-color: #AFB4DB;
height: 15px;
}
#Area_Login table .tbl td {
text-align: center;
font-size: 11pt;
background-color: #AFB4DB;
border: solid 1px #FFFFFF;
}
<div id="Area_Login">
<table class="tbl">
<tr>
<th><th>
<tr>
<td></td>
</tr>
</table>
</dib>
上記ソースなのですが、テーブルが中央に配置されなくて困っています。
どなたか教えていただけませんか?
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
スタイルシート間違えてました。
気がつきにくい部分で、Vaidator通せばすぐ分かったのですが、急がれていたのでチェックせずに回答してしまいました.W3C CSS 検証サービス( http://jigsaw.w3.org/css-validator/#validate_by_ … )
#LoginForm{
border-collapse:collapse;
width:auto;
margin:0 auto;
color:white;
line-height: 15px;
}
#LoginForm th,#LoginForm td{/* 同じ指定を複数化かないためグループ化 */
text-align: center;
background-color: #AFB4DB;
}
#LoginForm th{font-size:12px;}
#LoginForm td{font-size:11px;}
★font-size:が抜けてました。
No.1
- 回答日時:
tableの幅を決めてなきゃどこに置くかわからない。
<table summary="LoginForm" id="LoginForm">
__<tbody>
____<tr>
______<th>ユーザーID<th>
______<td><input type="text" size="10" name="username"></td>
______<th>パスワード<th>
______<td><input type="password" size="10" name="PWD"></td>
____</tr>
__</tbody>
</table>
#LoginForm{
border-collapse:collapse;
width:auto;
margin:0 auto;
color:white;
line-height: 15px;
}
#LoginForm th,#LoginForm td{
text-align: center;
background-color: #AFB4DB;
}
#LoginForm th{12px;}
#LoginForm td{11px;}
★一箇所しかないので一意セレクタだけでよい。
★結合モデルなのでborder-collapse:collapse;
★tableにはsummary属性は必須
★tableには最低ひとつのtbodyが必須
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS HTML & CSS 縦ボックス内の文字の左右センタリング 3 2023/03/25 04:23
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS <!DOCTYPE html> <html> <head> <meta charset="utf-8 2 2023/01/05 01:04
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
html でのテキスト結合について
-
tableタグとformタグの組み合わせ
-
テーブルの一部分のセルだけに...
-
Tableタグで作成した表の縮小
-
テーブル内のテーブルの高さを...
-
Visual Studio で CLR 開発でデ...
-
XHTMLに関する質問 順序が逆に...
-
同じwidth=200でもセル内の文字...
-
同じクラス名はつけないほうが...
-
ブラウザによってテーブルのセ...
-
テーブルのセル内の隙間を取れ...
-
IEでテーブル内のテキストが...
-
テーブルの枠線に色が付かない
-
固定ヘッダーがある時のページ...
-
vbscriptで時計を作りたい
-
td要素内のdiv要素をセンタリン...
-
cssで、テーブルのtdの中の文字...
-
4カラムのテーブルに絶対幅と相...
-
テーブルの横に画像を
-
テーブルタグの中にdivを含めて...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
html でのテキスト結合について
-
tableタグとformタグの組み合わせ
-
特殊文字の検索方法
-
テーブルの一部分のセルだけに...
-
同じクラス名はつけないほうが...
-
Tableタグで作成した表の縮小
-
td要素内のdiv要素をセンタリン...
-
Tableタグ内のspan styleが適応...
-
テーブル内のテーブルの高さを...
-
formのinputなどの幅100%指定
-
divで囲んだ文字が消える
-
cssで、テーブルのtdの中の文字...
-
vbscriptで時計を作りたい
-
HTMLのテーブルでそれぞれの大...
-
td width="180" と固定してるの...
-
同じwidth=200でもセル内の文字...
-
ブラウザによってテーブルのセ...
-
TDタグ内での均等割付の仕方
-
表とリスト(ulとtable)の違い...
-
<img>タグにCSSのclass設定可能?
おすすめ情報