• 締切済み

表示位置について

TOPペ-ジを組み立てていたのですが、妙に余白が出てしまって困っています。 これがコピペです↓ <table align="center" width="700" height="300" style="border:3px double #999999;" cellpadding="5" cellspacing="0" bgcolor="#ffffff"> <Tr> <Td> <img src="カウンターURL" ALT="Counter"align="right"> <B>◎更新履歴◎</B> <div style="width:230px;height:130px;overflow-y:scroll" style="border:3px double #000000;" cellpadding="5" bgcolor="#ffffff"> <table> <tr> <Td Align="left" Valign="bottom"> <Basefont Size="2"> 05.12.10/<br> 何か始まった日<br> <br> </td> </tr> </table> </div> <br> <br> <Basefont Size="2"> <form action=web拍手URL method=post target=_blank> <input type=submit value=web拍手ボタンイメージURL></form><br> <A Href="バナーURL" Target="_blank"> <Img Src="バナーイメージURL" Border="0"> </A> <br> <font Size="1">コメント</font> <Img Src="TOP絵URL" Align="right" Valign="bottom" onContextmenu="return false"> </Td> </Tr> </Table> 私のイメージしては、 左上から更新履歴、web拍手、バナー、 右上にカウンター、右下にTOP絵と言う形にしたいのですが・・ どうも上手くいかないので、教えていただきたいと思っています; 具体的に教えてくださるとたすかります('`;)

  • HTML
  • 回答数2
  • ありがとう数0

みんなの回答

  • partita
  • ベストアンサー率29% (125/427)
回答No.2

>妙に余白が出てしまって困っています。 どこの余白をどうしたいのか。 >私のイメージしては、左上から更新履歴、web拍手、バナー、右上にカウンター、右下にTOP絵と言う形にしたいのですが・・ レイアウトは提示されたもので出来上がっているようなので、余白の具体的な意図を提示していただかないとわかりませんよ。 また、#1様のおっしゃるように、タグ記述が乱れています。乱れすぎです。まずはそこを直しましょう。

  • gura_
  • ベストアンサー率44% (749/1683)
回答No.1

 下記のようなものかと思いますが、タグ記述が乱れていて、幾つか理解不能な記述があります。  さらに参考URL等をご覧になって、正しいタグ記述にされることをお勧めします。↓ <table align="center" width="700" height="300" style="border:3px double #999999;" cellpadding="5" cellspacing="0" bgcolor="#ffffff"> <Tr> <Td rowspan=2 valign=top width="230"> <B>◎更新履歴◎</B> <div style="width:230px;height:130px;overflow-y:scroll" style="border:3px double #000000;" cellpadding="5" bgcolor="#ffffff"> <table> <tr> <Td Align="left" Valign="bottom"> <font Size="2"> 05.12.10/<br> 何か始まった日 </font> </td> </tr> </table> </div> <Basefont Size="2"> <form action="web拍手URL" method=post target=_blank> <input type=submit value=web拍手ボタンイメージURL> <A Href="バナーURL" Target="_blank"> <Img Src="バナーイメージURL" Border="0"> </A> </form> <font Size="1">コメント</font><br> </Td> <td valign="top"> <img src="カウンターURL" ALT="Counter" align="right"> </Td> </Tr> <tr> <td valign="top"> <Img Src="TOP絵URL" ALT="TOP絵" Align="left"> </td> </tr> </Table>

参考URL:
http://www.tohoho-web.com/html/index.htm

関連するQ&A

  • テーブルの表示位置の変更は

    下記のHTMLを記述したのですが、表示位置が左によって表示されます。 中心に表示するには、どうしたらよいのですか。 <table border="0" cellspacing="0" cellpadding="5"> <tr><td align="center">総数</td> <td align="right"><img src="/cgi-bin/counter/cmfcount2.cgi?all=a"></td></tr> <tr><td>今日</td> <td align="right"><img src="/cgi-bin/counter/cmfcount2.cgi?day=a"></td></tr> <tr><td>昨日</td> <td align="right"><img src="/cgi-bin/counter/cmfcount2.cgi?yes=a"></td></tr> </table><br>

    • ベストアンサー
    • HTML
  • テーブルの中の複数行テキスト欄の下に書き込めない

    またもスペースお借りします。 TOPページで使う予定の更新履歴を残す 複数行テキスト欄の下にバナーやボタンを貼りたいのですが、 なぜが外テーブルからはじき出されてしまうのです。 複数行テキスト欄の上には書き込めるのですが、 下に書き込むようにするには、どのようなタグを入力すれば良いでしょうか? 具体的に教えてくださると助かります。 これがコピペです↓ <html> <head> <title>top</title> </head> <body background="http://背景URL"> <Basefont Size="2"> <br> <br> <table align="center"border="0" width="700" height="500" style="border:3px double #999999;" cellpadding="5" cellspacing="0"bgcolor="#ffffff"> <Tr> <Td> <br> <Td Align="left" Valign="top"> <B>●更新履歴</B> <div style="width:230px;height:130px;overflow-y:scroll"style="border:3px double #000000;" cellpadding="5" bgcolor="#ffffff"Td Align="left"Valign="bottom"> ああああ<br> ああああ<br> ああああ<br> </table> </div> <br> あああああああああ </Td> </Tr> </Table> </body> </html>

    • ベストアンサー
    • HTML
  • IE セル間に隙間が・・・

    HTML初心者です。 テーブルでHPをレイアウトしたいのですが、--1と--3のセル間に微妙な隙間ができてしまいます。NNでは問題なく表示されます。通常どの様なことが原因するのでしょうか?よろしくお願いいたします。 <td width="396" height="234"valign="top"><table width="100%" height="234" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="180" rowspan="2" valign="bottom" >1 <img src="../image/***" width="180" height="180" align="bottom"></td> ------1 <td width="216" height="98" valign="bottom">***</td> </tr> <tr> <td height="136" valign="bottom" ><img src="../image/*** width="91" height="61" border="1"><br>></td> </tr> </table></td> <td width="10" rowspan="3" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="262"></td>        ------3 <td valign="top" >*** <br> </td>

    • ベストアンサー
    • HTML
  • オンマウスで画像と文字を同時に任意の位置に表示したい

    絵を閲覧するページで以下のようにしたいです。 1.リンク文字の上にマウスを置く 2.任意の位置に『画像』とその画像の下に『文章』が同時に表示される  (何も記載されていない位置に表示されるようにしたいです) 3.マウスを離したら最後に表示したものが消えずにそのまま 画像だけ表示は一応できましたが、 文字と同時にというのはわかりませんでした。 それと何もないところに表示するのができませんでした。 以下、作ったソースです。 <SCRIPT TYPE="text/javascript"> <!-- if (document.images) { var img0 = new Image(); img0.src = "gallery/0.png"; var img1 = new Image(); img1.src = "gallery/1.png"; var img2 = new Image(); img2.src = "gallery/2.png"; } function On(name) { if (document.images) { document.images['def'].src = eval(name + '.src'); } } // --> </SCRIPT> <!-- ↓ここからBODY --> <Table Border="0" Cellspacing="0" align="center" Width="907" style="line-height:18px;"> <Tr><Td Valign="top"> <Table Border="0" Width="300" Cellspacing="0" style="line-height:18px;"> <Tr><Td ColSpan="2"><Font Size="2"> イラスト </Td></Tr> <Tr><Td Width="10"> </Td><Td><Font Size="2"> <A HREF="gallery/0.png" onMouseOver="On('img0')">作品1</A><BR> <A HREF="gallery/1.png" onMouseOver="On('img1')">作品2</A><BR> <A HREF="gallery/2.png" onMouseOver="On('img2')">作品3</A><BR> </Td></Tr> </Table> </Td> <Td Width="500" Valign="top"> <IMG SRC="" NAME="def"> </Td></Tr> </Table> <!-- ↑ここまでBODY --> 作品を追加していく形式のページなので、 なるべくシンプルなソースでお願いします。

  • テーブルのセル内で、あるものは上辺寄せあるものは下辺寄せにしたい

    下記のようなソースを表示させた際に 「ABC」文字列が、10行でも100行で1000行になっても、 あいうえおのテーブルはvalign=topのようにボーダーの上に常に吸着し、かつ img.gifをvalign=bottomのようにボーダーの下に常に吸着させる方法を 教えてください。 <html> <body> <table border="1">   <tr>     <td>ABC<br>ABC<br>ABC<br>ABC<br>ABC<br>ABC<br>ABC</td>     <td>       <table border="1">         <tr>           <td>あいうえお</td>         </tr>       </table>       <img src="img.gif">     </td>   </tr> </table> </body> </html>

    • ベストアンサー
    • HTML
  • IEのテーブル表示の不具合でしょうか・・・?

    IEで正しく表示されているものが、別のページへ行って「戻る」ボタンを押すと、テーブルの表示が崩れてしまいます。 2列のテーブルの右側の部分が左側にかぶって表示されてしまうのです。 参考までにその部分のソースを以下に記述します。 何か気になる点などお気づきになられたら教えてください。 <table width="320" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="200"> <table width="200" border="0" cellspacing="0" cellpadding="5"> <tr> <td class="px12"> ・<a href=>あああああ</a><br> ・<a href=>いいいいい</a><br> ・<a href=>ううううう</a><br> <hr width="160" size="1" noshade align="left"> ・<a href=>えええええ</a><br> <hr width="160" size="1" noshade align="left"> ・<a href=>おおおおお</a><br> <hr width="160" size="1" noshade align="left"> </td> </tr> </table> </td> ※以下から左側のテキストにかぶって表示されてしまいます。 <td width="120"><a href=><img src="images/画像.gif" width="120" heigt="180" border="0"></a><br> <table width="120" border="0" cellspacing="2" cellpadding="0"> <tr> <td valign="top"><img src="images/矢印画像.gif" width="11" height="11" border="0"></td> <td class="px12"><a href=>テキストテキストテキスト</a></td> </tr> </table> </td> </tr> </table> 以下が私の環境です。 WindowsXP(HomeEdition)・SP2インストール済・IE6 よろしくお願いします。

  • 画像が表示されない

    はじめまして。 タグ打ちでホームページを作っているのですが、一か所だけ画像が表示されなくて困っています。 タグは以下のとおりです。 <center> <table border="0" cellspacing="0" cellpadding="0"> <tr><td> <center><IMG SRC="img/pati1.gif" align="center" border="0" Hspace="10" Vspace="10"></center></td></tr> <tr><td> <center>拍手ありがとうございました。<br></center></td></tr> ファイルが壊れたマークが出てきてしまって、正常に表示されません。 画像ファイルは壊れていないし、パスは合っていると思いますが… ご回答お待ちしております。

  • ヤフオクのテンプレートでバックグラウンドを使いたい

    今、オークション用のテンプレートを作ってるのですが、テーブルの背景に、 <table width="900" height="1000" border="0" cellspacing="0" cellpadding="0" background="http://000.com/000.png"> と言った感じで画像を背景に配置したいと考えていますが、どうやってもうまくいきません。 プレビュー表示の段階で、ソースコードを見てみたのですが、ちゃんと設定されているにもかかわらず、背景画像だけが表示されません。 別の方法で、 <div style="background-image:url(http://www.000.com/000.png);"> でも試して見ましたが、同じ結果でした。 背景画像の上に「商品説明」などの画像を重ねて配置したいので、どうにか上手くできる方法がありましたら是非教えて下さい。 ※上に重ねる画像だけが表示されます。 参考までに今編集中のソースを貼っておきます。 <center> <table width="900" height="1000" border="0" cellspacing="0" cellpadding="0" background="http://000.com/000.png"> <tr> <td align="center" valign="top"><br /> <center> <table width="650" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://000.com/001.png"></td> </tr> </table> <table width="650" border="0" cellspacing="0" cellpadding="5"> <tr> <td><font color="#a00e15"><p align="left"> 商品説明 </p></font></td> </tr> </table> <br /> <br /> <br /> <table width="650" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://000.com/002.png"></td> </tr> </table> <table width="650" border="0" cellspacing="0" cellpadding="5"> <tr> <td><font color="#a00e15"><p align="left"> 発送方法 </tr> </table> <br /> <br /> <br /> <table width="650" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://000.com/003.png"></td> </tr> </table> <table width="650" border="0" cellspacing="0" cellpadding="5"> <tr> <td><font color="#a00e15"><p align="left"> お支払い方法 </p></font></td> </tr> </table> <br /> <br /> <br /> <table width="650" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://000.com/004.png"></td> </tr> </table> <table width="650" border="0" cellspacing="0" cellpadding="5"> <tr> <td><font color="#a00e15"><p align="left"> 注意事項 </p></font></td> </tr> </table></td> </tr> </table> </center>

  • テーブル内に2つのテーブルを作成した場合の位置の固定

    HTMLでテーブルの中に2つのテーブルを作成しました。 簡単に書くと以下のような感じです。 <table border="1"> <tr> <td align="center" valign="top"> <table border="1"> <tr> <td>hogehoge</td> </tr> </table> <br> <br> <table border="1"> <tr> <td>mogomogo</td> </tr> </table> </td> </tr> </teble> テーブル内の一つ目のテーブルをテーブルの上部に、もうひとつのテーブルをテーブル内の下部に表示したいのですがよい方法があるでしょうか?

    • ベストアンサー
    • HTML
  • 初めてHPを作成してるんですが

    素材の置いてあるサイトから、テーブルをダウンロードしました。 けどどうやって使えばいいのかわかりません。 コレ↓でやっても、画像がでません。 何が足りないのか教えていただけませんか?? <!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="画像のURL" height="27" bgcolor="#FFFFFF"></TD> </TR> <TR> <TD bgcolor="#FFFFFF"></TD> <TD rowspan="2" valign="bottom" bgcolor="#FFFFFF"><IMG src="画像のURL" 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="画像のURL" width="100" height="171" border="0"></TD> <TD bgcolor="#FFFFFF"></TD> </TR> <TR> <TD valign="bottom"><IMG src="画像のURL" width="20" height="23" border="0"></TD> <TD background="画像のURL" height="23"></TD> <TD valign="bottom"><IMG src="画像のURL" width="20" height="23" border="0"></TD> </TR> </TBODY> </TABLE> </CENTER> </BODY> </HTML> windows98・IE6,0でメモ帳を使って作成しています。 超初心者のくせにかなり無謀なんでしょうかー さっぱりわかりません。。。 何か補足することがありましたら、お知らせください ご回答どうぞよろしくお願いいたします・・!

専門家に質問してみよう