Dreamweaver８で表を作成したい

質問

Dreamweaver８の初心者です、宜しくお願いします。

表の作り方について質問致します。
表のセルの中に更に点線の枠が表示されます。
セル内の文字をセンター揃えに設定しましたが、点線枠が左に寄っていて文字は点線枠の中央には設定されますが、セルの中央にはなりません。
どのようにすれば良いのでしょうか。
そもそもこの点線枠はどのような意味を持つのでしょうか、消すことは出来ないのですか。
コードを見ると、＜div＞が関係ありそうですが、詳しいことは本で調べても良く分かりません。

またこのセルの左にセルの文字を大きくしたら、やはり点線が表示され、その右にあるセルが２段になり文字が縦方向の中央にならず上よりとか、下よりになります。
どのように設定すれば良いのですか。

また表の横方向のセルを調整しようとしても、ある一定以上大きくしたり小さくできませんこれは何故でしょうか。

以上宜しくお願いします。

回答No.3

xxsuzuxx · ベストアンサー

No.1です。

<div>～～</div>というタグにただ囲まれているだけなら消しても差し支えないと思います。
<div>というタグ自体には特に意味がありません。

「じゃあ<div>の存在する意味ってなんだんだ」というと、意味がないからこそ付け加えた属性を生かせる、ということです。
それこそalign="center"をくっつければ中央配置になるし、class指定などでCSSを適用したり。
なので、<div align="center>とか<div class="aaa">とか、属性が付与されて初めて意味が生まれるタグなんです。
属性が付与されていないただの<div>には特に意味がありません。

消しても大丈夫なタグ、ということは、そのままにしてても大丈夫、ということでもあります。
とりあえずはNo.2さんが書いてくださった方法でデザインビューの点線の表示を消し、表の作成に集中するという手もあります。

＞厚かましいお願いですが、直接メールで画面がどのような状況になっているかを送らせてもらっても宜しいでしょうか。
このサイトの禁止事項に「メールアドレスの公開」や「結果として個人間のやり取りにつながると判断可能な記述」がありましたので、
私としてはメールを使うことは構わないのですが残念ながら規約違反になりそうな感じです。

参考になりそうなサイトを少し載せておきますね。

■参考URL（tableタグについて）
http://hp-sozai.net/m-html/Tt01.html
http://heo.jp/tag/table/

■参考URL（表の自動生成）
http://hp-sozai.net/saku01.html

■参考URL（Dreamweaver解説）
http://wakabano.cool.ne.jp/dream/index.html
http://www.non-period.com/be/dw/8/index.html

回答No.2

suzuko

>そもそもこの点線枠はどのような意味を持つのでしょうか、消すことは出来ないのですか。

消す方法は「表示」「ビジュアルエイド」から「全て非表示」を選択すれば、デザインビューの点線などは消えます。必要なモノがある場合は、その下の個々でチェックを外してください。

回答No.1

xxsuzuxx

＞そもそもこの点線枠はどのような意味を持つのでしょうか、消すことは出来ないのですか。

その点線はお察しのとおりに<div>のタグの範囲です。
Dreamweaverが視覚的にわかりやすいようにと点線で表示してくれています。
あくまでも制作段階のなかで見やすくしてるだけなので、ブラウザでプレビューしてみると分かりますが実際にWEB上で点線が見えるわけではありません。
<div>を消せば点線は消えるはずです。
設定で点線だけを表示させないように出来るのかもしれませんが、その方法はちょっとわからないです。

セルの中に点線があるということは、おそらく
<table>
<tr>
<td><div>文字</div></td>
</tr>
</table>
のように<td>タグの中に<div>タグが入っているんじゃないでしょうか？

文字の中央配置（align="center"が使われていると思います）が<div>のほうに指定されているせいで
セルの中央にならないのでしょう。
改善するには、<div>タグにくっついてる「align="center"」を<td>タグのほうで指定してみてください。
これで一応ご希望の中央配置になるとは思います。
ちなみに<table align="center">にすると表自体が中央配置されちゃいます。

＞またこのセルの左にセルの文字を大きくしたら、やはり点線が表示され・・・

文字の配置をデザインビューのプロパティから変えると、コードビューでは<div align="center">文字</div>のようになり、divタグが自動挿入されます。
ちょっと現状がわからないのですが、それが何か関係しているんじゃないでしょうか。
<div>文字1</div>
<div>文字2</div>
というコードになっていると点線が二段になって表示されます。
<div>タグで囲われていないと文字が表示できないわけではないので、<div>を消しても文字は表示されます。

＞また表の横方向のセルを調整しようとしても、ある一定以上大きくしたり小さくできませんこれは何故でしょうか。

表全体ならばデザインビューで表の一番右端を引っ張れば延々と伸ばせるはずですが、
いくつか並んだセルの中央を引っ張って大きくしようとしても限度はあります。
また、セル同士を横に連結させた場合、その上下にあるセルの横幅が影響されます。

なかなか文章だけだと伝わりづらいものがあるので、
見当違いなアドバイスでしたらすみません。
少しでも参考になりますように。

補足

xxsuzuxxさん有難うございます。
更に質問ですが、

＞<div>タグで囲われていないと文字が表示できないわけではないので、<div>を消しても文字は表示されます。
とありますが、そもそも<div>タグ自体は消しても良いのでしょうか、消しても画面表示は変わらないようですがどのような役割をしているのでしょうか。

＞なかなか文章だけだと伝わりづらいものがあるので・・
厚かましいお願いですが、直接メールで画面がどのような状況になっているかを送らせてもらっても宜しいでしょうか。
こちらのメールアドレスを先にお知らせしても良いのですが。
どうしても表の作成に関する疑問を解消したいのです。
どうか宜しくお願いします。