- ベストアンサー
テーブルタイトルの幅指定が上手くいかない
- テーブルの<th>の幅指定がうまくいかず、thとtdの幅が均等に表示されてしまいます。
- 画像を入れたthの幅指定は画像の幅よりも広くなってしまいます。
- 画像を入れたまま、幅指定を反映する方法はありますか？
- ホームページ作成ソフト
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
そのようにはならないはずです。再現できません。 他の部分が関わっているのじゃないですか？ 画像のサイズ指定(width属性の値)が書かれていませんが、firebugで見る限り画像の両サイドにmarginはないし、th内にpaddingも見えません。 ★タブは＿に置換してあるので戻す。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> ＿<meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> ＿<title>サンプル</title> ＿<meta name="author" content="ORUKA1951"> ＿<meta http-equiv="Content-Style-Type" content="text/css"> ＿<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" > ＿<link rel="START" href="../index.html"> ＿<style type="text/css"> <!-- table[summary="テスト"]{ width: 900px; margin:0; padding:0; border-collapse: collapse; font-family:'メイリオ',"ヒラギノ丸ゴ Pro",sans-serif; } table[summary="テスト"] th, table[summary="テスト"] td{ border:#00cc00 dotted; border-width:2px 0; padding:0; } table[summary="テスト"] th{ width: 200px; } table[summary="テスト"] td{ width: 700px; } table[summary="テスト"] th{background-color:yellow;} table[summary="テスト"] td{background-color:lime;} --> ＿</style> </head> <body> ＿<div class="header"> ＿＿<h1>タイトル</h1> ＿＿<p>このページでは・・・・</p> ＿</div> ＿<div class="section"> ＿＿<h2>見出し</h2> ＿＿<table summary="テスト"> ＿＿＿<tbody> ＿＿＿＿<tr> ＿＿＿＿＿<th abbr="リンク"><a href="/"><img src="./images/cccc.jpg" width="220" height="76" alt="">リンク</a></th> ＿＿＿＿＿<td>説明</td> ＿＿＿＿</tr> ＿＿＿</tbody> ＿＿</table> ＿</div> ＿<div class="footer"> ＿＿<h2>文書情報</h2> ＿＿<dl class="documentHistry"> ＿＿＿<dt id="FIRST-PUBLISHED">First Published</dt> ＿＿＿<dd>2012-08-10</dd> ＿＿＿<dt id="LAST-MODIFIED">Last Modified</dt> ＿＿＿<dd>2012-08-10 12:00:00 (JST)</dd> ＿＿</dl> ＿＿<address>© ORUKA1951 2012 - 2016 All Rights Reserved mailto:*****</address> ＿</div> </body> </html>
お礼
画像の大きさを指定していなかったと気付きました。ありがとうございます。 ごちゃごちゃやっているうちに正常に作動しました。 お手数おかけしました！