- 締切済み
お世話になります。htmlの質問です。
ただいまテーブル設置のことで悩んでます 更新履歴とTOP絵のテーブルがつながってしまうのです 別々にわけたいのですがいじればいじるほどサイトがめちゃくちゃになります。 自分の今のタグです。 <table width="300" border="0" align="right" cellpadding="1" cellspacing="0" bgcolor="black"> <tr><td> <table border="0" cellspacing="0" cellpadding="6" bgcolor="#FFFFFF" width="300"> <tr><td COLSPAN="6"><FONT COLOR="black"> <IMG src="img/top絵.png" border="0" align="left"> <TABLE width="100" border="0" align="right" cellpadding="1" cellspacing="0" bgcolor="#FFFFFF"> <TR> <TD BGCOLOR="black"> <FONT COLOR="white"><SMALL><B>◆更新履歴。</B></FONT> </TD> </TR> <TD> <style><!--textarea,input{ background-color:#FFFFFF; filter:Alpha(opacity='70'); font-size:x-small; }--></style> どうすればいいようになるんでしょうか？ <textarea rows="5" cols="85"> サイト開設しました。
- その他([技術者向] コンピューター)
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- leap_day
- ベストアンサー率60% (338/561)
こんにちは 該当の部分だけ回答しようかと思ったのですが突っ込みどころが多いのでせんえつながらアドバイスさせてもらいます ・<td colspan="6">のcolspan="6"は必要ない （このソース以下に <tr><td>～</td><td>～</td><td>～</td><td>～</td><td>～</td><td>～</td></tr> に該当する部分があれば別ですけど） ・<a>タグを使用したら</a>で閉じてください （<a>以降がすべて該当部になり</a>で閉じていないのでリンクの役目も果たしていません） ・同様に<font>～</font>、<small>～</small>、<textarea>～</textarea> ・ソースから予想するに [img table]width:300 [更新履歴 table]width:700 で[大外のtable]width:860より大きくなるので最初の<table width="860">が全体の枠として使用しているのかバナーの為だけの枠として使用しているのか分からない ・<table>の背景色でボーダーを作るのはかまいませんが囲いすぎてレイアウトを把握できていないのではないですか？ （同様のことはstyle="boder:*px solid black;"などで代用できます） 大まかな段組を記述しますので参考に創り直してみて新規なり追加なりで質問し直してくださいｍ（＿ ＿）ｍ <div style="width:860px; height:130px; margin:auto; border:1px solid black; padding:6px;"> <img src="img/title01.png" alt="バナー" border="0" width="860px" height="100px" hspace="0"> <a href="link.html"><img src="img/links.png" border="0" hspace="20"></a> </div> <table style="margin:auto;"> <tr> <td> <div style="width:300px; height:300px; float:left; border:1px solid black; padding:6px;"> <img src="img/top絵.png" border="0"> </div> <table style="width:700px; float:left;"> <tr> <td bgcolor="#FF8955"> <font color="white"><small><b>更新履歴</b></small></font> </td> </tr> <tr> <td> <style type="text/css"><!-- textarea,input { opacity:0.7; font-size:x-small; } --> </style> <!--[if IE]> <style type="text/css"> <!-- textarea,input { filter:alpha(opacity=70); } //--> </style> <![endif]--> <textarea rows="5" cols="85"> サイト開設 </textarea> </td> </tr> </table> <div style="clear:both;"></div> (ここから先に別のコンテンツを記述していきます）
- peaker
- ベストアンサー率27% (3/11)
途中までだとわからない点もあるので、全体をお願いします。
お礼
遅れました。 すみませんこれです
補足
<html> <head><title>サイト</title> <BODY topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" text="#333333" BACKGROUND="./img/back2.png"><div align="center"> <table width="860" border="0" align="center" cellpadding="1" cellspacing="0" bgcolor="black"> <tr><td> <table border="0" cellspacing="0" cellpadding="6" bgcolor="#FFFFFF" width="860"> <tr><td COLSPAN="6"><FONT COLOR="black"> <img src="img/title01.png" alt="バナー" border="0" width="860" height="100" hspace=0> <a href="link.html"><IMG src="img/links.png" border="0" align="left" HSPACE="20"><br><Br> <table width="300" border="0" align="right" cellpadding="1" cellspacing="0" bgcolor="black"> <tr><td> <table border="0" cellspacing="0" cellpadding="6" bgcolor="#FFFFFF" width="300"> <tr><td COLSPAN="6"><FONT COLOR="black"> <IMG src="img/top絵.png" border="0" align="right"> <TABLE width="700" border="0" align="center" cellpadding="1" cellspacing="0" bgcolor="#FFFFFF"> <TR> <TD BGCOLOR="#FF8955"> <FONT COLOR="white"><SMALL><B>◆更新履歴。</B></FONT> </TD> </TR> <TD> <style><!--textarea,input{ background-color:#FFFFFF; filter:Alpha(opacity='70'); font-size:x-small; }--></style> <textarea rows="5" cols="85"> サイト開設。