ベストアンサー

このフレームを直してもらいたいのですが

2004/04/24 04:45

わかりにくいかとは思いますが、下のようなフレームを作っています。 ―――――――――――――――――― ｜　　　　　　　　　　　| ｜　　　　　　　　　　　| 　　ここがない→ ｜_＿＿＿＿＿＿＿ |＿＿＿＿＿＿＿＿＿＿｜　　　　　　　　　　　　　　　　　　　　　　　　　 | ｜　　　　　　　　　　　　　　　　　　　　　　　　　 | ｜＿＿＿＿＿＿＿__＿＿＿＿＿＿＿＿＿＿| まず「田」のテーブルを作って、下段を結合して一つにすると、以上のようになってしまいます。なぜでしょうか？ソースを書いておきますので、直してもらえませんでしょうか。 -------------------------------------------------- <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <P> <TABLE cellSpacing=0 cellPadding=0 bgColor=#000000 border=0> <TBODY> <TR> <TD bgColor=#000000> <TABLE cellSpacing=1 cellPadding=7 border=0> <TBODY> <TR> <TD bgColor=#ffffff colSpan=5> <P>aaaaa</P></TD> <TD bgColor=#ffffff>ここが消える→</TD></TR> <TR> <TD bgColor=#ffffff colSpan=6> <P>aaaaa</P></TD></TR></TBODY></TABLE> </TD></TR></TR></TBODY></TABLE></P> </BODY> </HTML>

nes_
お礼率89% (255/285)

HTML
回答数5
ありがとう数5

みんなの回答 （5）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

noname#107580

2004/04/24 06:27 回答No.1

こんにちは！ <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <TABLE cellSpacing="0" cellPadding="0" bgColor="#000000" border="0"> <TBODY> <TR> <TD> <TABLE cellSpacing="1" cellPadding="7" border="0"> <TBODY> <TR> <TD bgColor="#ffffff"><P>aaaaa</P></TD> <TD bgColor="#ffffff">ここが消える→</TD> </TR> <TR> <TD bgColor="#ffffff" colSpan="2"><P>aaaaa</P></TD> </TR> </TBODY> </TD> </TR> </TABLE> </TBODY> </TABLE> </BODY> </HTML> colSpan=5とcolSpan=6　がおかしいですね。

質問者

お礼 2004/04/24 07:05

本当だ！ありがとうございました！

その他の回答 (4)

918BG
ベストアンサー率48% (476/984)

2004/04/24 10:29 回答No.5

＞空タグには何か入れるのがいいですよ。おっしゃる通りですね。うっかりしていました。Yumikoitさん、適切なフォローをありがとうございます。それと、No.2の補足要求で「Netscape 7.1」で表示させたと書きましたが、今見たら「Netscape 7.0」でした。細かいことですが、動作確認のデータなので訂正させていただきます。

質問者

お礼 2004/04/24 21:46

動作確認までしていただいてありがとうございました。念のため、部屋は明日一杯まで開いておきます…

Yumikoit
ベストアンサー率38% (849/2209)

2004/04/24 09:47 回答No.4

それと、空タグには何か入れるのがいいですよ。全角(半角はダメ)スペースか、<BR>タグ、ダミー用のイメージ画像を入れる場合もあります。 <TD></TD> ではなく <TD><BR></TD> のようにするということです。

質問者

お礼 2004/04/24 21:44

ありがとうございます

918BG
ベストアンサー率48% (476/984)

2004/04/24 08:29 回答No.3

No.2の918BGです。それではというので、先程と同じHTMLをWindows 2000 pro のIEで表示してみると・・・本当だ! 右上のタテ線が消えてる。さらにそれではというので、問題のHTMLのテーブル中に3段目の<TR></TR>を増やして、その中に<TD></TD>を６個並べてみました。つまり、「colSpan=5」に実質的な意味を持たせてやる訳です。そうしたら、Windows環境でもちゃんと右上のタテ線が表示されましたよ。やってみて下さい。

質問者

お礼 2004/04/24 21:43

はい！出ました(^^) -------------------------------------------------- <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <P> <TABLE cellSpacing=0 cellPadding=0 bgColor=#000000 border=0> <TBODY> <TR> <TD bgColor=#000000> <TABLE cellSpacing=1 cellPadding=7 border=0> <TBODY> <TR> <TD bgColor=#ffffff colSpan=5> <P>aaaaa</P></TD> <TD bgColor=#ffffff>ここが消える→</TD></TR> <TR> <TD bgColor=#ffffff colSpan=6> <P>aaaaa</P></TD></TR> <TR> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD></TR></TBODY></TABLE></TD></TR></TR></TBODY></TABLE></P> </BODY> </HTML>

918BG
ベストアンサー率48% (476/984)

2004/04/24 07:00 回答No.2

おはようございます。あの～、切れてませんけど。当方Mac環境ですが、質問者さんが提示されたHTMLをコピペしてInternet Explorer 5.1とNetscape 7.1の両方で表示してみましたが、テーブルの幅は変化するものの、矢印で示された右側のタテ線はちゃんと表示されております。質問者さんのテスト環境(OSとブラウザの種類)を補足して頂いた方が良いのではないかと・・・。

質問者

お礼 2004/04/24 07:12

ごめんなさい、OSは、Win Meです。

質問者

補足 2004/04/24 07:07

おはようございますそうですか…IE５．５なのですが。実はcolspanをいじったら（消したら）、表示されるようになりました。 -------------------------------------------------- <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <P> <TABLE cellSpacing=0 cellPadding=0 bgColor=#000000 border=0> <TBODY> <TR> <TD bgColor=#000000> <TABLE cellSpacing=1 cellPadding=7 border=0> <TBODY> <TR> <TD bgColor=#ffffff> <P>aaaaa</P></TD> <TD bgColor=#ffffff>ここが消える→</TD></TR> <TR> <TD bgColor=#ffffff colSpan=6>aaa</TD></TR></TBODY></TABLE></TD></TR></TR></TBODY></TABLE></P> </BODY> </HTML>

関連するQ&A

colspan セルの結合について
テーブルタグで作ったセルを結合させようとcolspan タグを使用したのですが縦線が消えてしまいます。何故なのか調べてもわからず困っています。ソースを載せるのでよければお知恵を貸してください。お願いします。 <html> <head></head> <body bgcolor="blue"> <table border=0 bgcolor="#ffffff cellspacing=0 cellpadding=0> <tr> <td> <table border=0 cellspacing=1 cellpadding=3> <tr bgcolor="#000000"><td colspan="9">aaa</td></tr> <tr bgcolor="#000000"><td>ccc</td>yyy</td><td>aaa</td><td>ccc</td><td>yyy</td><td>aaa</td><td>ccc</td><td>yyy</td><td>aaa</td></tr> </table> </td> </tr> </table> <table border=0 bgcolor="#ffffff" cellspacing=0 cellpadding=0> <tr> <td> <br> <table border=0 bgcolor="#ffffff" cellspacing=0 cellpadding=0> <tr> <td> <table border=0 cellspacing=1 cellpadding=3> <tr bgcolor="#000000"><td colspan="9">aaa</td></tr> <tr bgcolor="#000000"><td colspan="3">ccc</td><td colspan="3">kkk</td><td colspan="6">mmm</td></tr> </table> </td> </tr> </table> <table border=0 bgcolor="#ffffff" cellspacing=0 cellpadding=0> <tr> <td> </body> </html>
- 締切済み
- HTML
【CSS】表に線を入れる
<TABLE border="0" cellpadding="0" cellspacing="1" bgcolor="#999999"> <TBODY> <TR> <TD bgcolor="#ffffff"></TD> <TD bgcolor="#ffffff"></TD> </TR> <TR> <TD bgcolor="#ffffff"></TD> <TD bgcolor="#ffffff"></TD> </TR> </TBODY> </TABLE> これと同じ事をスタイルシートで表現したいのですが、どのようにしたら良いでしょうか? いろいろと試したのですが、外側だけ線が引かれたり中だけ引かれたりと、うまく出来ません。
- ベストアンサー
- HTML
テーブルの作り方をご教示ください
図のようなテーブルを作りたいのですがどうすればいいのかわかりません。図はエクセルで書きました。 ----------------------------------------------- <table border=0 cellspacing=0 cellpadding=0> <tr> <td> <table border=0 bgcolor="#000000" cellspacing=1 cellpadding=1 width="230"> <tr bgcolor="#FFFFFF"> <td> １ </td> </tr> <tr bgcolor="#FFFFFF"> <td> ２ </td> <tr bgcolor="#FFFFFF"> <td> ３ </td> </table> </td> </tr> </table> ----------------------------------------------- まではわかったのですが、 3と4を区切る方法がわかりません。ご回答よろしくお願いします。
- ベストアンサー
- HTML
Dreamweaverのデザインで表示がおかしい時
IEだと綺麗に表示されるけど、Dreamweaverのデザインで見ると表示がおかしい時って結構あり困ってます。ソースフォーマットとかやってもやはり駄目です。今回の場合、どのタグが悪そうでしょうか？ <HTML> <HEAD> <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="TEXT/HTML; CHARSET=EUC-JP"> </HEAD> <BODY> <BR> <BR> <BR> <TABLE align="center" cellSpacing=0 cellPadding=0 width="95%" bgColor=#0066cc border=0> <TBODY><TR><TD> <TABLE cellSpacing=2 cellPadding=1 width="100%" border=0> <TBODY> <TR bgColor=#0066cc> <TD align=middle><SMALL><B><FONT color=#ffffff> テキストツール </FONT></A></B></SMALL>  </TD></TR> <TR bgColor=#ffffff> <TD align=middle> <TABLE height="400" cellSpacing=0 cellPadding=1 width="95%" border=0> <TBODY> <TR valign=top> <TD width="100%" valign="center" align="center"> <BR><A>トップページ</A><BR><BR> </TD> </TR> <TR valign=top> <TD width="100%" valign="top" align="center"> <A HREF="list">あ</A><BR><BR> <A HREF="clist">い</A><BR><BR> <A HREF="slist">う</A><BR><BR> </TD> </TR> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </BODY></HTML>
- ベストアンサー
- ホームページ作成ソフト
テーブルの上下線を消したい
タイトル通り、テーブルの上下だけの線を消したいのですが、どのように書けば消えるのでしょうか？一応今のものは <TABLE border="0" width="290" bgcolor="#ffffff" cellspacing="1" cellpadding="10" style="border:dotted 1px #000000"> <TBODY> <TR><TD valign="top" align="right" width="290" bgcolor="#ffffff" height="800"> <P>　</P><p>　</p> <DIV align="right"> ○○○ </DIV> </TD> </TR> </TBODY> </TD> </TR> </TBODY> </TABLE> です。お願いします。
- ベストアンサー
- HTML
テーブル内のテーブルの高さを揃えたい。
CGIの表示部分を改造中です。下のソースをhtmlファイルにして見てもらったら判ると思うのですが、 <TABLE border="0"> <COL span="4" width="50"> <TR> <TD valign="top"> <TABLE border="0" cellpadding="0" cellspacing="1" bgcolor="#cccccc" height="100%"> <TR> <TD bgcolor="#ffffff">こんな風に</TD> </TR> </TABLE> </TD> <TD valign="top"> <TABLE border="0" cellpadding="0" cellspacing="1" bgcolor="#cccccc" height="100%"> <TR> <TD bgcolor="#ffffff">枠を置いたときに</TD> </TR> </TABLE> </TD> <TD valign="top"> <TABLE border="0" cellpadding="0" cellspacing="1" bgcolor="#cccccc" height="100%"> <TR> <TD bgcolor="#ffffff">100%のサイズ指定しても合わない高さを</TD> </TR> </TABLE> </TD> <TD valign="top"> <TABLE border="0" cellpadding="0" cellspacing="1" bgcolor="#cccccc" height="100%"> <TR> <TD bgcolor="#ffffff">ちゃんと揃えて配置したい</TD> </TR> </TABLE> </TD> </TR> </TABLE> 高さを100%にしても広がりませんでした。どうにかして高さ(下の位置)を揃えることは出来ないでしょうか?
- ベストアンサー
- HTML
テーブルサイズ指定
こんにちは。困ったことがあるのですが、 <TABLE BORDER="1"CELLSPACING=1 CELLPADDING=1 BGCOLOR="#FFFFFF"> <TBODY> <TR> <TD width=170文字</TD> <TD width=638>文字</TD></TR> <TR> <TD>文字</FONT></TD> <TD>文字</TD></TR> </TR></TBODY></TABLE> <BR> <TABLE BORDER="1"CELLSPACING=1 CELLPADDING=1 BGCOLOR="#FFFFFF"> <TBODY> <TR> <TD width=170>文字</FONT></TD> <TD width=638>文字</TD></TR> <TR> <TD>文字</FONT></TD> <TD>文字</TD></TR> </TBODY></TABLE> (それぞれの文字の長さは違います。) という２つのテーブルで、２つともテーブルの幅が異なるんです。これを、両方とも同じ幅にすることはできないでしょうか？宜しくお願いします。
- ベストアンサー
- HTML
初めてＨＰを作成してるんですが
素材の置いてあるサイトから、テーブルをダウンロードしました。けどどうやって使えばいいのかわかりません。コレ↓でやっても、画像がでません。何が足りないのか教えていただけませんか？？ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>テーブル設置例</TITLE> </HEAD> <BODY bgcolor="#FFFFCC"> <CENTER> <TABLE cellpadding="0" cellspacing="0"> <TBODY> <TR> <TD colspan="5" background="画像のＵＲＬ" height="27" bgcolor="#FFFFFF"></TD> </TR> <TR> <TD bgcolor="#FFFFFF"></TD> <TD rowspan="2" valign="bottom" bgcolor="#FFFFFF"><IMG src="画像のＵＲＬ" width="100" height="171" border="0"></TD> <TD width="280" height="250" bgcolor="#FFFFFF" align="center"><FONT size="-1">文章BR> 文章<BR> <BR> 文章</FONT></TD> <TD rowspan="2" valign="bottom" bgcolor="#FFFFFF"><IMG src="画像のＵＲＬ" width="100" height="171" border="0"></TD> <TD bgcolor="#FFFFFF"></TD> </TR> <TR> <TD valign="bottom"><IMG src="画像のＵＲＬ" width="20" height="23" border="0"></TD> <TD background="画像のＵＲＬ" height="23"></TD> <TD valign="bottom"><IMG src="画像のＵＲＬ" width="20" height="23" border="0"></TD> </TR> </TBODY> </TABLE> </CENTER> </BODY> </HTML> windows９８・ＩＥ６，０でメモ帳を使って作成しています。超初心者のくせにかなり無謀なんでしょうかー　さっぱりわかりません。。。何か補足することがありましたら、お知らせくださいご回答どうぞよろしくお願いいたします・・！
- ベストアンサー
- その他（インターネット接続・通信）
入れ子にしたテーブルをheight100%にする
お世話になります。以下のソースで、table2の高さを100％にしたいです。この書き方では、firefoxではうまく表示できるのですが、 IEではだめでした。どこがいけないのでしょうか？？ ---------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css">  </style> </head> <body> <table width="600" border="1" cellpadding="0" cellspacing="0" class="th100"> <tr> <td width="300" rowspan="2"> 長いテキスト </td> <td height="50"><table width="300" height="50" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000"> <tr> <td>table1</td> </tr> </table></td> </tr> <tr> <td><table width="300" border="0" cellpadding="0" cellspacing="0" bgcolor="#999999" class="th100"> <tr> <td>table2</td> </tr> </table></td> </tr> </table> </body> </html>
- ベストアンサー
- HTML
ドキュメントタグについて
下記のHTMLを開くと、赤のボックスと青のボックスを上下いっぱいに離して表示したいのですが、どうしてもくっついてしまいます。なぜでしょうか？って、実は、原因が解っているのですが、ドキュメントタグの "http://www.w3.org/TR/html4/loose.dtd" この部分を削除すると、うまくいきます。という事は、この部分がいらない？という事になるのですけど、削除しても、問題ないですか？誰か解る方、よろしくお願いします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>hatena</title> </head> <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table width="100" height="100%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td valign="top" bgcolor="#FFFFFF"> <table width="10" border="0" cellspacing="0" cellpadding="0"> <tr><td bgcolor="#FF0000"><img src="image-top/spacer.gif" width="100" height="100"></td> </tr> </table> </td> </tr> <tr> <td valign="bottom" bgcolor="#FFFFFF"> <table width="10" border="0" cellspacing="0" cellpadding="0"> <tr><td bgcolor="#0033FF"><img src="image-top/spacer.gif" width="100" height="100"></td> </tr> </table></td> </tr> </table> </body> </html>
- ベストアンサー
- HTML

このフレームを直してもらいたいのですが