ここから本文です

HTML表がうまくいかない;;

des********さん

2012/7/1516:54:06

HTML表がうまくいかない;;

<!DOCTYPE html>
<html>

<head>

<titel></titel>
<style type="text/css">
<!--
img{
border-style:double;
border-width:4p;
border-color:#808080;
}
-->
</style>

<style type="text/css">

table { border: 4px #808080 solid ;
border-collapse:collapse;}

</style>

<style type="text/css">

td, th { border: dotted;
border-bottom-style width: 4px;
border-left-style: #808080; }

</style>

</head>

<body bgcolor="Moccasin">

<table border="0" cellspacing="5ピクセル" cellpadding="4ピクセル" width="60%" height="260ピクセル" flame="void" rules="none" bgcolor="GreenYellow">



<td colspan="3"><font size="5"><b><div align="center">●おすすめスイーツ●</div></b></font></td>


<thead bgcolor="LightSalmon">

<tr>

<td>アンズタルト</td>

<td>洋ナシパイ</td>

<td>ブランマンジェ</td>

</tr>

</thead>



<thead bgcolor="LightPink" width="150ピクセル">

<tr>

<td><img src="anzu.jpg" width="60%" height="160ピクセル"></td>

<td><img src="younasi.jpg" width="60%" height="160ピクセル"></td>

<td><img src="manzye.jpg" width="60%" height="160ピクセル"></td>

</tr>

</thead>

というソースを書いたのですが、アンズタルト~ブランマンジェの文字と●おすすめスイーツ●の表示位置を逆にしたいです。
おすすめスイーツをいちばん上に持っていこうとしたらおすすめスイーツが枠線にはいってくれず困っています;;
どなたか、どこがおかしいか教えていただけないでしょうか?
よろしくお願いします

●おすすめスイーツ●
アンズタルト~ブランマンジェ
画像
説明
の順で表示したいです(すべてを枠線で囲った状態で!です)

閲覧数:
230
回答数:
2
お礼:
50枚

違反報告

ベストアンサーに選ばれた回答

t_4********さん

2012/7/1518:48:34

素人のアドバイスなので間違っているかもしれません。間違っていればお許しを下さい。
<thead><tfoot><tbody>はあまり使わないので、正しいかどうか不安です。
<thead><tfoot><tbody>この順番です。
<!DOCTYPE html>
<html>

<head>

<titel></titel>
<style type="text/css">
<!--
img{
border-style:double;
border-width:4p;
border-color:#808080;
}
-->
</style>

<style type="text/css">

table { border: 4px #808080 solid ;
border-collapse:collapse;}

</style>

<style type="text/css">

td, th { border: dotted;
border-bottom-style width: 4px;
border-left-style: #808080; }

</style>
</head>

<body bgcolor="Moccasin">

<table border="0" cellspacing="5ピクセル" cellpadding="4ピクセル" width="60%" height="260ピクセル" flame="void" rules="none" bgcolor="GreenYellow">
<thead>
<tr>
<td colspan="3"><font size="5"><b><div align="center">●おすすめスイーツ●</div></b></font></td>
</tr>
</thead>

<tfoot>
<tr bgcolor="LightPink" width="150ピクセル">
<td><img src="anzu.jpg" width="60%" height="160ピクセル"></td>
<td><img src="younasi.jpg" width="60%" height="160ピクセル"></td>
<td><img src="manzye.jpg" width="60%" height="160ピクセル"></td>
</tr>
</tfoot>

<tbody>
<tr bgcolor="LightSalmon">
<td>アンズタルト</td>
<td>洋ナシパイ</td>
<td>ブランマンジェ</td>
</tr>
</tbody>
</table>
</body>
</html>

質問した人からのコメント

2012/7/16 13:26:13

成功 お二人共ありがとうございました♪
無事に解決することができました。
ありがとうございました^^

ベストアンサー以外の回答

1〜1件/1件中

この質問につけられたタグ

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる