<TABLE BORDER="1" width="700">
<TR>
<td width="380" height="30">ここの文字数</td>
<td width="40" height="30"></td>
<td width="40" height="30"></td>
<td width="40" height="30"></td>
<td width="200" height="30"></td>
</TR>
</TABLE>
上記のようにテーブルの大きさと列幅を指定しても、
文字数が大きくなると表全体の大きさと列幅が変わってしまいます。
表の中に入るテキスト(文字数)の大きさで列幅、テーブルの大きさが
変わらないようにする方法を教えて下さい。

A 回答 (3件)

 基本的には、お書きになっている方法でやるしかないです。


 なぜなら、幅を広げる、広げない、といったことはブラウザ側の問題であり、製作者側がコントロールできることではないからです。

 ただしこの場合だと、heightオプションを削除すると、文字が増えたときにブラウザは優先的に縦の大きさを改変して対応しますので、横への広がりを抑えることができます。

 あと、HTMLを組む場合、もともとHTMLという言語自体が「レイアウトを整えるためのものではない」ことを意識する必要があります。
 HTMLは本来は、「文字に色などを修飾して見やすくする」ためのものですので、「文字が正しく表示される」ことをブラウザはもっとも優先します。
 これはつまり、文字が見にくくなれば、ブラウザは容赦なく製作者の作ったデザインを勝手に崩してしまうということです。

 デザインにこだわって作る場合は、そこまで考えないと、おかしくなってしまいます。
    • good
    • 0
この回答へのお礼

幅を広げる、広げないなどのレイアウトはブラウザ側の問題なのですかー。
まったく知りませんでした。
色々と勉強になりました。
回答ありがとうございました。

お礼日時:2001/03/13 10:01

こんにちは。


私はもうしかたがないので、<td>ごとに<font size="~>で小さめの文字を指定して、セル内に収まるようにしています。
いやめんどいです、ほんとに(涙)。
で、それでもどうしても無理な場合は、deagleさんのおっしゃるとおりheight指定を捨ててます(笑)。

ARCさんもおっしゃっているスタイルシートが、全ブラウザでいければ、テーブルに限らずホント楽なんですけどねーー…(汗/笑)。
今のところ無効なブラウザのほうが多いので、私は多用してません…(涙)。
    • good
    • 0
この回答へのお礼

そうなのですよー(涙)。
フォントのサイズがかなり小さくなってしまうのです・・・。
みなさんの回答を参考に頑張ってみたいと思います。
ありがとうございました。
また何かありましたら宜しくお願いします。

お礼日時:2001/03/13 10:08

かなりブラウザを選びますが、スタイルシートを使えば可能です。


<table>タグに、style="table-layout:fixed" を指定します。

今のところ、Windows版のIE5 ,IE5.5 及び、Netscape6でのみ使用可能です。
同じIE5でも、Mac版は非対応らしいです。

こんな感じです。
<table border="1" width="400px" style="table-layout:fixed">
<caption align="left">固定幅の表</caption>
<tr>
<td width="50px">長い文章12345678901234567890</td>
<td width="350px">文章</td>
</tr>
</table>
    • good
    • 0
この回答へのお礼

スタイルシートはあまり使ったことないのですが
色々ためしてみたいと思います。
ARCさん回答ありがとうございました。

お礼日時:2001/03/13 10:04

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

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qテーブルとテーブルの間隔について

同じサイズのテーブル縦にいくつか並べているのですが、今現在は全く隙間無くくっついています。

これを少しだけ(改行タグ<br>の半分以)間隔を空けたいのですが、どうすれば良いのでしょうか?

Aベストアンサー

一番シンプルな方法としては
<table>タグを<table style="margin-bottom:○○px">と書き直します。

Qテーブルの表示がずれます

htmlを書いているのですが、テーブルの行を増やすたびに、ブラウザで表示するとテーブルの表示がだんだん下の方へずれてしまいます。友人に聞いたところ、彼も同じような現象が起こるようです。
このようにならないようにしたいのですが、専門書を読んでも分かりません。
ちなみにhtmlソースはこのようになっております。
(1)行が1つの場合
<html>
<head>
<title>テスト</title>
</head>
<body bgcolor = "white">

<h1>テスト</h1>
<h3>テスト1</h3>
<table>
  <tr>
   <td>テスト</td>
   <td>1</td>
   <td>2</td>
  </tr>
</table>
</body>
</html>

(2)行が2つの場合
<html>
<head>
<title>テスト</title>
</head>
<body bgcolor = "white">

<h1>テスト</h1>
<h3>テスト2</h3>
<table>
  <tr>
   <td>テスト</td>
   <td>1</td>
   <td>2</td>
  </tr>
<tr>
   <td>テスト</td>
   <td>1</td>
   <td>2</td>
  </tr>
</table>
</body>
</html>
宜しくお願い致します。

htmlを書いているのですが、テーブルの行を増やすたびに、ブラウザで表示するとテーブルの表示がだんだん下の方へずれてしまいます。友人に聞いたところ、彼も同じような現象が起こるようです。
このようにならないようにしたいのですが、専門書を読んでも分かりません。
ちなみにhtmlソースはこのようになっております。
(1)行が1つの場合
<html>
<head>
<title>テスト</title>
</head>
<body bgcolor = "white">

<h1>テスト</h1>
<h3>テスト1</h3>
<table>
  <tr>
   <td>テスト</td>...続きを読む

Aベストアンサー

こんにちは。
イマイチどうしたいのかがよく判らないので、具体的な説明を補足してください。
ソース自体は間違いではないと思いますが…。
<tr>や<td>の前にある空白はもちろん半角空白ですよね?全角だと不具合がでます。

行が増えると下に表が大きくなるのは必然ですし。
行が1行のものと、2行のものとでは、ページが違うんですよね?
もし、同じページに表示するのであれば、1ページにつき、<html>タグは一組です。(あくまでも基本的に、ですが)
これが、直接行がずれるっていうことにはならないと思いますけど…。

Qtd width="180" と固定してるのですが・・

<div style="width:500;height:220;overflow:auto;
scrollbar-3dlight-color:#9acd32;
scrollbar-arrow-color:#9acd32;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#9acd32;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#9acd32;
scrollbar-track-color:#ffffff;
">
<table style="font-size:13px; color:magenta;"><tr align="center">
<td width="180"><img src=""></td>
<td width="180"><img src=""></td>
<td width="180"><img src=""></td>
<td width="180"><img src=""></td>
<td width="180"><img src=""></td>
</tr></table>
</div>

img には 110×150 のサイズの写真を入れています。
div width="500" にしているので、180×3=540 ですから3枚目のimgが途中で切れて、残りが横スクロールに引っ込むと思ってたのですが、実際にはimgがぎゅうぎゅうに詰まって4.8枚見えるようになります。

何故 td width を固定しているのに変動してしまうかがわかりません。
どうすれば img と img のあいだを余裕もたせて表示することができますでしょうか?
よろしくご教授のほど願います。

<div style="width:500;height:220;overflow:auto;
scrollbar-3dlight-color:#9acd32;
scrollbar-arrow-color:#9acd32;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#9acd32;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#9acd32;
scrollbar-track-color:#ffffff;
">
<table style="font-size:13px; color:magenta;"><tr align="center">
<td width="180"><img src=""></td>
<td width="180"><img src=""></td>
<td width="180"><img src=""></td>
<td width="180"><...続きを読む

Aベストアンサー

これではいかがでしょう?

<div style="width:500px;height:220px;overflow:auto;
scrollbar-3dlight-color:#9acd32;
scrollbar-arrow-color:#9acd32;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#9acd32;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#9acd32;
scrollbar-track-color:#ffffff;
">

<table width="900" style="font-size:13px; color:magenta;">
<tr align="center">
<td width="180"><img src="" width="110" height="150" alt=""></td>
<td width="180"><img src="" width="110" height="150" alt=""></td>
<td width="180"><img src="" width="110" height="150" alt=""></td>
<td width="180"><img src="" width="110" height="150" alt=""></td>
<td width="180"><img src="" width="110" height="150" alt=""></td>
</tr>
</table>
</div>

これではいかがでしょう?

<div style="width:500px;height:220px;overflow:auto;
scrollbar-3dlight-color:#9acd32;
scrollbar-arrow-color:#9acd32;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#9acd32;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#9acd32;
scrollbar-track-color:#ffffff;
">

<table width="900" style="font-size:13px; color:magenta;">
<tr align="center">
<td width="180"><img src="" width="110" height="150" alt=""></td>
<td wid...続きを読む

Qテーブルをスクロールさせるときのスクロールの位置

お世話になります。

IE限定の質問です。

テーブルのヘッダを固定してスクロールバーを右に付けるとします。
 ↓例↓
===================================
<html>
<head>

<style type="text/css">
.FreezHeader
{
background-color:#ffffff;
position:relative;
top:expression(this.offsetParent.scrollTop);
z-index:10;
}
</style>

</head>
<body>

<div id="divFrame" style="overflow:auto; position:relative; width:100%; height:100px;">
<table cellspacing="0" cellpadding="0" width="100%" border="1">
<tr class="FreezHeader"><th>あ</th><th>か</th><th>さ</th></tr>
<tr><td>い</td><td>き</td><td>し</td></tr>
<tr><td>う</td><td>く</td><td>す</td></tr>
<tr><td>え</td><td>け</td><td>せ</td></tr>
<tr><td>お</td><td>こ</td><td>そ</td></tr>
<tr><td>あ</td><td>か</td><td>さ</td></tr>
<tr><td>い</td><td>き</td><td>し</td></tr>
<tr><td>う</td><td>く</td><td>す</td></tr>
<tr><td>え</td><td>け</td><td>せ</td></tr>
<tr><td>お</td><td>こ</td><td>そ</td></tr>
</table>
</div>

</body>
</html>
===================================


上記のような HTML を書いた場合,
【下の図】↓の「A」のように表示されます。


「A」のようにではなく
スクロールバーの位置(TOPの位置)をヘッダの下から開始させたいのです。
できれば 【下の図】↓の「B」のような感じで
それが難しいとした場合, 【下の図】↓の「C」のような感じです。

このように表示させる方法を教えていただきたく思います。


IEのみで使えれば良いので,
他のブラウザでの見え方は考えなくて良いです。
ただ,
IE 5.5 や 6 などなるべく低いバージョンでも見えるようにと
なるべく JavaScript の使用は避けて
なおかつ,なるべくシンプルな方法が希望です。

お世話になります。

IE限定の質問です。

テーブルのヘッダを固定してスクロールバーを右に付けるとします。
 ↓例↓
===================================
<html>
<head>

<style type="text/css">
.FreezHeader
{
background-color:#ffffff;
position:relative;
top:expression(this.offsetParent.scrollTop);
z-index:10;
}
</style>

</head>
<body>

<div id="divFrame" style="overflow:auto; position:relative; width:100%; height:100px;">
<table cellspacing="0" cellpadding="0" width="100%"...続きを読む

Aベストアンサー

結論です。IEでは簡単には無理です。参考サイトは最後に書いておきます。

 まず、データの多いtableは、<thead><tfoot><tbody>でマークアップすべきです。これは印刷したとき(ユーザーエージェントがページ媒体であるとき)に、それぞれのページに見出しを表示すべきだからです。先の回答を実際に印刷すると明白です。ページ媒体でスクロールは出来ませんから、overflowにscrollないしautoを指定した場合は、スタイルシートでスクリーン端末のみ適用されるよう記述することは必須です。スタイルシートのデフォルトはall(仕様書ではscreenですが、実装はallになっています。HTML5では allに変更される)

 期待のように表示させるためには、本来はtbodyにoverflowを指定すればよいのですが、これはtable要素には使えないことになっています。(IEにはバグあり使えそうに見えます)
 そのため、スタイルシートでtbodyをblockに変換してやる必要があります。しかしその時点でIEは、tbodyの高さをtrに継承してしまうバグがあります。またスクロールバー自体が表示されません。

 IEで期待通りの表らしき形にしたいのなら、table以外でマークアップしてすべての要素table,thead,tfoot,tbody,tr,td,th,col,cilgroup・・をブロックに下からスタイルシートで配置しなおさないとなりません。
 当然ですが、スタイルシートを読まないブラウザ(テキストブラウザ、点字端末、読み上げソフト、そしてプリンター)や他の端末、検索エンジンには意味が通じないことになります。

 仕方なく、table全体を<div>で囲って、thead部分をfixedで固定する方法も試したのですが、IEのみfixedで位置を決めない場合は影も形も消えうせてしまいます。--もちろん標準ブラウザではきちんと整形されます。

{IEのみで使えれば良いので,}
 は、印刷やその他すべてを犠牲にすれば、表の見出しと本体を別のtableにするなど、文書構造を無視したマークアップ・・あるいは、リストなどでマークアップすることになりますが、決してすべきではない邪道になります。

☆tbodyをscrollさせる方法は下記サイトをご覧ください。
Tableのヘッダ(thead)を固定して、<tbody>内をスクロールさせる方法 » 株式会社ジラフィー(Giraffy) ( http://giraffy.jp/blog/2009/09/11/css/107/ )

 今回は質問ありがとうございます。自分自身よい勉強になりました。IEがクソであることも再確認できたし・(笑)

結論です。IEでは簡単には無理です。参考サイトは最後に書いておきます。

 まず、データの多いtableは、<thead><tfoot><tbody>でマークアップすべきです。これは印刷したとき(ユーザーエージェントがページ媒体であるとき)に、それぞれのページに見出しを表示すべきだからです。先の回答を実際に印刷すると明白です。ページ媒体でスクロールは出来ませんから、overflowにscrollないしautoを指定した場合は、スタイルシートでスクリーン端末のみ適用されるよう記述することは必須です。スタイルシートのデフォル...続きを読む

QHTMLでテーブルを横に並べる方法

HTMLでホームページを作っています。
テーブルを横に二つ並べたいのですが、二つ目のテーブルはどうしても最初のテーブルの下の段になってしまいます。どうしたら横に並べることができますか?
教えていただければ幸いです。
よろしくお願いします。

Aベストアンサー

2列のテーブルを作ったらいかがでしょうか?
<table>
<tr>
<td>1つめのテーブルに入れる内容</td>
<td>2つめのテーブルに入れる内容</td>
</tr>
</table>

それぞれのテーブルをそのまま使いたいならば、
↑のテーブルのセルの中に、それぞれ入れれば2つ並びます。
<table>
<tr>
<td><table>←1つめのテーブル→</table></td>
<td><table>←2つめのテーブル→</table></td>
</tr>
</table>

QCSSでborderの長さを指定、または可変にしたい。

下記のように指定していますが、これだと横幅いっぱいに下の線が表示されてしまいます。

文字なりの長さ、または指定のピクセル数にしたいのですが、どのようにしたらよいでしょうか。

h3{
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

Aベストアンサー

borderの長さはそのボックスの大きさですから、ボックスの大きさを指定する事になります。
h3{
width:???px;
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

また、文字数(ボックスの内容)に合わせたい場合は、ボックスを浮動化(float)する等の方法もありますが・・・そのボックスの周りへ影響が出たり、ブラウザ毎にバグや実装の違いなどが比較的多く、扱いが面倒になるのであまりおすすめできません。

HTMLの方も修正する方法でもよければ

<h3><span>××○○</span></h3>
のようにspanで囲い、スタイルをspanに対して指定する方法もあります。

h3 span{
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

borderの長さはそのボックスの大きさですから、ボックスの大きさを指定する事になります。
h3{
width:???px;
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

また、文字数(ボックスの内容)に合わせたい場合は、ボックスを浮動化(float)する等の方法もありますが・・・そのボックスの周りへ影響が出たり、ブラウザ毎にバグや実装の違いなどが比較的多く、扱いが面倒になるのであまりおすすめできません。

HTMLの方も修正する方法でもよけ...続きを読む

Q行ごとにセルの幅を変えたい

たとえば、行を3つのセルに分けたとき。
行ごとに、セルの幅を変える方法を教えてください。セルの幅が750のとき。
1行目 200,300,250
2行目 300,200,250
3行目 250,500
のように分けたい。

Aベストアンサー

私はテーブルの入れ子しか思い浮かばないです。

<table width="750" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><table width="750" border="0" cellpadding="0">
<tr>
<td width="200">200</td>
<td width="300">300</td>
<td width="250">250</td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="750" border="0" cellpadding="0">
<tr>
<td width="300">300</td>
<td width="200">200</td>
<td width="250">250</td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="750" border="0" cellpadding="0">
<tr>
<td width="250">250</td>
<td width="500">500</td>
</tr>
</table></td>
</tr>
</table>

私はテーブルの入れ子しか思い浮かばないです。

<table width="750" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><table width="750" border="0" cellpadding="0">
<tr>
<td width="200">200</td>
<td width="300">300</td>
<td width="250">250</td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="750" border="0" cellpadding="0">
<tr>
<td width="300">300</td>
<td width="200">200</td>
...続きを読む

Qformのinputなどの幅100%指定

formのinputやtextareaなどの幅を、100%の指定(テーブルの中などにぴったり収まるように)をしたいのですが、できないのでしょうか?

少しずつ様子を見ながら、ちくちくとsizeを指定していくしかないのでしょうか?

Aベストアンサー

 例えば、こんな感じでは如何ですか↓

<form method="POST" action="cgi-bin/xxx.cgi">
<table border=1 width=400>
<tr>
<td>
タイトル:
</td>
<td width=350>
<input type="text" name="title" style="width:100%">
</td>
</tr>
<tr>
<td colspan=2>
<textarea name="memo" style="width:100%" rows=4>
formのinputやtextareaなどの幅を、100%の指定(テーブルの中などにぴったり収まるように)をしたい
</textarea>
</td>
</table>
<input type="submit" value="送信">
<input type="reset" value="取消">
</form>

参考URL:http://www.tohoho-web.com/css/reference.htm#width

 例えば、こんな感じでは如何ですか↓

<form method="POST" action="cgi-bin/xxx.cgi">
<table border=1 width=400>
<tr>
<td>
タイトル:
</td>
<td width=350>
<input type="text" name="title" style="width:100%">
</td>
</tr>
<tr>
<td colspan=2>
<textarea name="memo" style="width:100%" rows=4>
formのinputやtextareaなどの幅を、100%の指定(テーブルの中などにぴったり収まるように)をしたい
</tex...続きを読む

Qテーブル内の文字列を改行させたい

<TABLE border="1">
<tr> <TD>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</TD>
</tr>
</TABLE>

これを、ある一定の幅を指定して改行させたいのですが、
CSSを使おうが使わず指定しようが、反映されません。
全角文字だと反映されます。

IE6、IE7で対応させたいと思っています。

CSSでも何でも良いので、どうすれば対応出来るのか
ご教示下さい。

Aベストアンサー

英数半角文字だと、続けて入力した場合、一つの単語とみなして禁則処理をしてしまうんだと思います。
なので、<br>で改行するのがいいのかと思いますが、
IEで対応したいということなので、IE7で動作するかはわかりませんが、
word-break:break-all;
の指示で単語の切れ目を無視して改行してくれると思います。

参考URL:http://www.htmq.com/style/word-break.shtml

Qテーブルとテーブルの間に、隙間があいてしまいます。

お世話になります。
表題のとおりです。

下記ソースのテーブル<!-- 丸枠 -->と<!-- ヘッダ -->間は、問題ないのですが
テーブル<!-- ヘッダ -->と<!-- ロゴ -->の間に隙間が開いてしまいます。
1時間ほど考えましたが、どうにもこうにも理由が分かりません。
初心者的なソースで恐れ入りますが、詳しい方にご助力いただければ幸いです。

---------------------------以下ソース--------------------------------------
<body>
<!-- 背景白 -->
<table border="1" cellpadding="0" cellspacing="0" class="table_white">
<tr>
<td>
<!-- 丸枠 -->
<table width="820" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="image/head.gif" width="820" height="9" /></td>
</tr>
</table>
<!-- 丸枠ここまで -->
</td>
</tr>
<tr>
<td align="center">
<!-- ヘッダ -->
<table width="730" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="324" height="15" align="left" >
<strong class="seo01">ミ</strong></td>
<td width="203"></td>
<td width="5" align="center"><img src="image/spacer_glay.gif" width="1" height="10" /></td>
<td width="42"><a href="kaisya.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','image/head_kaisya_ov.gif',1)"><img src="image/head_kaisya.gif" alt="会社概要" width="42" height="11" border="0" id="Image4" /></a></td>
<td width="5"><img src="image/spacer_glay.gif" width="1" height="10" /></td>
<td width="61"><a href="toiawase.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('問い合わせ','','image/head_toiawase_ov.gif',1)"><img src="image/head_toiawase.gif" alt="お問い合わせ" width="61" height="11" border="0" id="問い合わせ" /></a></td>
<td width="5"><img src="image/spacer_glay.gif" width="1" height="10" /></td>
<td width="62"><a href="sitemap.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sitemap','','image/head_sitemap_ov.gif',1)"><img src="image/head_sitemap.gif" alt="sitemap" width="62" height="11" border="0" id="sitemap" /></a></td>
<td width="5"><img src="image/spacer_glay.gif" width="1" height="10" /></td>
</tr>
</table>
<!-- ヘッダ ここまで-->
</td></tr>
<tr>
<td align="center">

<table width="730" border="0" cellspacing="0" cellpadding="0">
<!-- ロゴ -->
<tr>
    <td colspan="13" align="left"><a href="http://www.com/"><img src="image/logo.gif" alt="ミ" width="92" height="48" border="0" ></a></td>
</tr>
<!-- ロゴ ここまで -->
---------------------------ソースここまで--------------------------------------

---------------------------念のため使用CSS--------------------------------------
body {
font-family: "MS P明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
font-size: 12pt;
font-weight: normal;
color: #5c5c5c;
background-color: #889fb6;
margin-left: 30px;
margin-top: 30px;
letter-spacing: 2.5px;
line-height: 18px;
}


.table_white {
background-color: #FFFFFF;
width: 820px;
}

.seo01 {
font-size: x-small;
letter-spacing: normal;
font-weight: normal;
}

---------------------------ここまで--------------------------------------

お世話になります。
表題のとおりです。

下記ソースのテーブル<!-- 丸枠 -->と<!-- ヘッダ -->間は、問題ないのですが
テーブル<!-- ヘッダ -->と<!-- ロゴ -->の間に隙間が開いてしまいます。
1時間ほど考えましたが、どうにもこうにも理由が分かりません。
初心者的なソースで恐れ入りますが、詳しい方にご助力いただければ幸いです。

---------------------------以下ソース--------------------------------------
<body>
<!-- 背景白 -->
<table border="1" cellpadding="0" cellspacing="0" cl...続きを読む

Aベストアンサー

オリジナルのソースもこの通りなのでしたら、

<!-- ロゴ -->
<tr>
※    <td colspan="13" align="left"><a href="http://www.com/"><img src="image/logo.gif" alt="ミ" width="92" height="48" border="0" ></a></td>
</tr>
<!-- ロゴ ここまで -->

※のところに全角スペースが4つも入ってます。ソースをインデントしたければ、タブを使用して下さい。<tr>の直下には子要素である<th>もしくは<td>しか入れません。テキストデータが素のままで入る事は有り得ません。


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング

おすすめ情報