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

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

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

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

No.1 ベストアンサー 回答者： kimeru1522 回答日時： 2011/11/26 13:32

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

折角スタイルシートを使っているので、それを有効活用しましょう。
基本的には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のタグですぐにできました。ご丁重に説明していただき、ありがとうございました。

お礼日時：2011/12/18 07:35

No.3 回答者： ORUKA1951 回答日時： 2011/11/28 17:02

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などはスタイルシートで・・

この回答へのお礼

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

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

お礼日時：2011/12/18 07:37

No.2 回答者： tracer 回答日時： 2011/11/27 18:46

内側のスペースをpaddingといいます。

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

この回答へのお礼

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

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

お礼日時：2011/12/18 07:36