縦並びのテーブルの間隔・セル内の画像の周囲の間隔をあけたい

[統計] HTMLからXHTMLへの移行を進めていますか?



0   名前: 超初心者 : 2006/08/24(木) 13:34  ID:e91CEIWv
HTMLを作り始めて1週間にも満たない、超初心者です。
1つのスレに2つ質問してもいいか迷ったのですが、同じ間隔のことなので、もしや解決策も同じではと思い、同時にさせていただきました。したことは以下の2つです。

1.縦並びのテーブルとテーブルの間隔をあけたい
2.セルの枠とセル内に読み込んだ画像の周囲に間隔をあけたい

1.については、検索したところ「マージン」がカギだと思いました。
  しかし、<table>の中にvspaceの指定を入れても変わりません。
  上の</tabele>と下の<tabele>タグの間に、<br>を入れても変わりません。
2.については、通常、セルのサイズより画像のサイズが小さいと、画像が繰り返してしまいますね?
  そうではなく、枠よりひとまわり小さめの画像を読み込んで、周囲に余白を入れたいのです。

私の作ったHTMLは下記です。
タグも、質問の方法も、至らないことが多いかもしれませんが、どうか宜しくお願いいたします。

<html>
<head>
<title>about us</title>
<link rel="stylesheet" href="challenge.css" type="text/css">
</head>
<body background="indexwallpaper.gif" text="orange" link="tomato" vlink="red" alink="hotpink">
<br>
<h2>Works</h2>
<hr size="4" width=40% align="center" color="orange">
<br>
<br>
<h3>Books</h3>

<table border="5" align="center"><caption align="left" >書名1</caption>
<tr><td width="400"><br>項目1<br>項目2<br>項目3<br>項目4<br><br><br></td>
<td width="106" background="kyoto-kobo2.jpg" ></td></tr>
</tabel>
<table border="5" align="center"><caption align="left" >書名2</caption>
<tr><td width="400"><br>項目1<br>項目2<br>項目3<br>項目4<br><br><br></td>
<td width="106" background="kyoto-kobo2.jpg" ></td></tr></tabel>
</body>
</html>

1   名前: 元帥 : 2006/08/24(木) 13:34  [URL]  ID:oEFQGyeI
</tabel>は投稿時のタイプミスですか?
それとも、最初からそうなっていたものをコピペして投稿したのでしょうか?
どちらにせよ、修正して下さい。
それによって大幅に改善されると思います。

vspace:
http://www.tagindex.com/html_tag/table/table_space.html
にもありますが、スタイルシートのマージンを使う事をおすすめします。

背景画像もまた然りです。
http://www.tagindex.com/stylesheet/page/background_image.html


> そうではなく、枠よりひとまわり小さめの画像を読み込んで、周囲に余白を入れたいのです。

background-repeat の指定
余白に関しては、画像にあらかじめ余白を入れる、或いはbackground-positionで少しずらすといった所でしょうか。


尚、HTMLの文法チェック
http://openlab.ring.gr.jp/k16/htmllint/htmllinte.html
を紹介しておきます。

2   名前: 超初心者 : 2006/08/24(木) 13:34  ID:e91CEIWv
>元帥さま

ありがとうございます。はっきり申し上げて、tabelは全く気づきませんでした。(でも直しても何も変わらなかったです・・・それも謎です)
リンク先も見て実践してはいたのですが、自分のブラウザがIEであってさらにIEだとtable属性に指定しても無理だという記述に目がいきませんでした。
スタイルシートを使うと上手く行きました!

初歩的すぎる質問だと自覚していましたので、どんな厳しいコメントが浴びせられるかと思っていたのですが、
とても優しく教えていただいて、感謝しております。ありがとうございました。

一覧へ戻る