質問

テーブルを完全に左に寄せる。

質問者：sky_2007
投稿日時：2007/07/02 00:09

ホームページビルダー10を使ってます。
テーブルだけではなく文字も左寄せをしてもい1cmくらいの無駄なスペースができてしまいます。

どうやったら無駄なスペースが消えるか
わからないので教えてください。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (9件)

No.9

回答者：key-child
回答日時：2007/07/04 23:38

> どうやったら無駄なスペースが消えるか
下記で消えるはず。

body {
margin: 0;
}
table {
border-collapse: collapse;
}
table, th, td {
border-style: none;
}
th, td {
padding: 0;
}

> 一番上から下まで縦線を入れたい
body要素にでも下記を指定

CSS2リファレンス　背景画像の指定
http://hp.vector.co.jp/authors/VA022006/css/colo …
CSS2リファレンス　背景画像の繰り返し
http://hp.vector.co.jp/authors/VA022006/css/colo …
CSS2リファレンス　背景画像の初期位置
http://hp.vector.co.jp/authors/VA022006/css/colo …

この回答へのお礼

わかりやすい説明ありがとうございました。
無事に解決しました。

通報する

No.8

回答者：noname#61991
回答日時：2007/07/04 18:42

なぜ完全に左に寄らないか
それはブラウザにしてある設定のせいです
ホームページビルダー10は関係ないですね
インターネットエクスプローラーの場合
左右に10ピクセル、上下に15ピクセルのスペースをあけるという設定があります
寄せたい場合には
<body leftmargin="0">
というふうにします
すると左右のスペースがあかなくなります
もし左右でスペースの大きさを変えたいのならば
<body leftmargin="100" rightmargin="50">
というかんじで書きます
上の例の場合左端には100ピクセル、右端には50ピクセルのスペースが空きます
上下のスペースを指定する場合も
topmarginとbotoomarginをつかって同じようにします

この回答へのお礼

左に寄らない理由まで説明していただき納得しました。
ありがとございました。

通報する

No.7ベストアンサー10pt

回答者：fake-tang
回答日時：2007/07/04 17:23

>ページの一番上から下まで縦線を入れたい
8x8pxくらいの縦線画像を作り（仮に s.jpg と決め打ちしておきます）、背景を
入れたいタグの style に background:repeat-y url(s.jpg) right; で。

そろそろ、「調べればわかる」質問になってきているので、日ごろお世話に
なっているリファレンスサイトをご紹介。
http://www.htmq.com/index.htm

この回答へのお礼

わかりやすいhtmlリファレンスサイトのご紹介ありがとうございます。

通報する

No.6ベストアンサー20pt

回答者：leap_day
回答日時：2007/07/03 08:32

こんにちは

テーブルでレイアウトするのにこだわるのであればテーブルのmargin-leftをマイナスにしてやればいいです

<style type="text/css">
body {
margin:0px;
}
table {
margin-left:-3px;
}
</style>

これを<head>～</head>内に入れる（<body>内に入れても一緒なんですけど一応そういう風になってるので・・・）
（<body>と<head>の位置関係が反対のような気がするのですけどまだ途中だからですよね？）

もしくは
<body style="margin:0px;">
<table style="margin-left:-3px;>

上の場合はページ全体のテーブルで適応します。下はそのテーブルだけに適応します

この回答への補足

参考になりました！！！この方法を取り入れることにしました。
あとbodyとhead逆になってましたね・・苦笑
気がつきませんでした・・。ありがとうございます。

ちなみにもう一つやりたいことがあるのですが、ページの一番上から下まで縦線を入れたいす。やりかたを知っていたら教えていただきたいのですが・・。お時間があったら教えてください

質問者のみ
この回答にお礼をつける

通報する

No.5

回答者：vista2446
回答日時：2007/07/03 01:42

個人的な見解ですが、お困りの空白部分は「無駄なスペース」ではありません。表の「境界」です。border="0"としても、境界線が見えなくなるだけで「境界」は存在します。
<table style="border:none; border-collapse:collapse;">とスタイルシートを書けば、ホンの少しだけスペースが目立たなくなりますが・・・

この回答への補足

参考になりました！！！ありがとうございます。

ちなみにもう一つやりたいことがあるのですがページの一番上から下まで縦線を入れたいす。やりかたを知っていたら教えていただきたいのですが・・。

質問者のみ
この回答にお礼をつける

通報する

No.4

回答者：fake-tang
回答日時：2007/07/03 00:10

これでどうだぁッ!!!!!（゜Д゜）

<div style="float:left;">
<IMG src="image/green_s_0707.jpg" width="100" height="563" border="0">
</div>
<table height="563"><tr><td>エンターロゴ<td></tr></table>
<span style="clear:both;"></span>
（例によって確認はIE6のみ）

しかし、「何故テーブルレイアウトにこだわるのか？」をちょっと
知りたいです。
テーブルレイアウトは、ひとつのテーブル内に記述されている
ソースをいったん全部読み込んでからしか表示しないので、いっぱい
画像を使ったりすると、読み込み終わるまで数秒～数十秒、環境に
よっては数分とか、画面真っ白になりますよ。
気が向いたらでかまいませんので、お答えいただけるとうれしいです。

この回答への補足

なんとかうまくいきました。助かりました！！ありがとうございます。
ちなみに何故テーブルにこだわるのかというと画像の右にENTERのロゴを入れたかったからです。

ちなみにもう一つやりたいことがあるのですがENTERロゴの右にページの一番上から下まで縦線を入れたいす。どうやったら出来るかご存知ですか？？
お時間があったらこれも教えていただきたいのですが(*^^)v

質問者のみ
この回答にお礼をつける

通報する

No.3

回答者：fake-tang
回答日時：2007/07/02 00:21

No.2訂正 orz
style="margin-left:0;"

この回答へのお礼

ご返答ありがとうございます。
とりあえずうまくいきました。
テーブルを使わずに画像を配置すると左側に余白ができないのですが、
しかし、テーブルを使うとわずかに(約0.5mm）ほどの余白ができてしまいます。

テーブルを使っても余白ができない方法ってありますかね？？
あったら教えていただきたいのですが・・。

よろしくお願いします。

この回答への補足

ご返答ありがとうございます。
とりあえずうまくいきました。
テーブルを使わずに画像を配置すると左側に余白ができないのですが、
しかし、テーブルを使うとわずかに(約0.5mm）ほどの余白ができてしまいます。

テーブルを使っても余白ができない方法ってありますかね？？
あったら教えていただきたいのですが・・。

通報する