サイト作成中・・・表の両端にスペースを入れたい

質問

あるサイトを作成しているのですが、表の両端にスペースを入れたいのに、どうやればいいのかわかりません。もしお分かりの方がいらっしゃいましたら、ぜひ教えてください。よろしくおねがいします。

下記のサイトの「自習室名」と「詳細」の右端と左端を空けたいです。作成はドリームウィバーで行っています。よろしくお願いします。

http://jishusitu.com/list/list-osaka.html

回答No.1

kimeru1522 · ベストアンサー

ドリームウィバーというソフトがどういうものなのかわからないので、タグ打ちとしての説明を致します。

折角スタイルシートを使っているので、それを有効活用しましょう。
基本的にはpaddingを使用すれば、間隔を空けることができます。

使い方の例として・・・
まずは、「自習室名」と「詳細」という項目(td)にclassとしてそれぞれ名前を付けてあげてください。

例：
<table>
<tr>
<td class="jishu">自習室名</td>
<td class="shosai">詳細</td>
</tr>
</table>

その後、スタイルシートに指定したそれぞれのクラスでpassingを記述してください。

例：
td.jishu{
padding-left : 10px;
}
td.shosai{
padding-right : 10px;
}

そうすれば間隔を空けることができます。

後は間隔を空けたい項目(td)にそれぞれのclassを記述してやれば簡単に設定できます。
class や padding については別途調べてください。

こんな感じでどうでしょう？

お礼

ご回答いただき、ありがとうございます。

paddingのタグですぐにできました。ご丁重に説明していただき、ありがとうございました。

回答No.3

ORUKA1951

HTMLを書き直さないなら
table+tabele tr td{padding-left:1em;}
table+tabele tr td+td{padding-left:0;}
table+tabele tr td+td+td+td+td{padding-right:1em;}

新しいブラウザのみなら
table+table tr td:first-child{padding-left:1em;}
table+table tr td:last-child{padding-right:1em;}

ただ、全体的にあまりにも古い書き方です。
frame="hsides" rules="rows"
bgcolorなどはスタイルシートで・・

お礼

ご回答いただき、ありがとうございます。

全体的に古い書き方なんですか！　自分ではわかりませんでした。もっと勉強します。ご指摘していただき、ありがとうございました。

回答No.2

tracer

内側のスペースをpaddingといいます。
外側のスペースをmarginといいます。
表の両端にスペースを入れたいということなので、該当するtableに対してpaddingかmarginを設定すればよいです。

お礼

ご回答いただき、ありがとうございます。

paddingですぐにできました。ありがとうございました。