Dreamweaver8の初心者です、宜しくお願いします。
表の作り方について質問致します。
表のセルの中に更に点線の枠が表示されます。
セル内の文字をセンター揃えに設定しましたが、点線枠が左に寄っていて文字は点線枠の中央には設定されますが、セルの中央にはなりません。
どのようにすれば良いのでしょうか。
そもそもこの点線枠はどのような意味を持つのでしょうか、消すことは出来ないのですか。
コードを見ると、<div>が関係ありそうですが、詳しいことは本で調べても良く分かりません。
またこのセルの左にセルの文字を大きくしたら、やはり点線が表示され、その右にあるセルが2段になり文字が縦方向の中央にならず上よりとか、下よりになります。
どのように設定すれば良いのですか。
また表の横方向のセルを調整しようとしても、ある一定以上大きくしたり小さくできませんこれは何故でしょうか。
以上宜しくお願いします。
No.3ベストアンサー
- 回答日時:
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
- 回答日時:
>そもそもこの点線枠はどのような意味を持つのでしょうか、消すことは出来ないのですか。
消す方法は「表示」「ビジュアルエイド」から「全て非表示」を選択すれば、デザインビューの点線などは消えます。必要なモノがある場合は、その下の個々でチェックを外してください。
No.1
- 回答日時:
>そもそもこの点線枠はどのような意味を持つのでしょうか、消すことは出来ないのですか。
その点線はお察しのとおりに<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>タグ自体は消しても良いのでしょうか、消しても画面表示は変わらないようですがどのような役割をしているのでしょうか。
>なかなか文章だけだと伝わりづらいものがあるので・・
厚かましいお願いですが、直接メールで画面がどのような状況になっているかを送らせてもらっても宜しいでしょうか。
こちらのメールアドレスを先にお知らせしても良いのですが。
どうしても表の作成に関する疑問を解消したいのです。
どうか宜しくお願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) エクセルの数式で教えてください。 1 2023/02/02 10:20
- Excel(エクセル) エクセルの数式について教えてください。 2 2023/03/04 09:54
- Excel(エクセル) エクセルにおいてセル内の文字を出来るだけ大きく表示する方法を教えてください。 4 2022/07/30 08:08
- Excel(エクセル) エクセルの数式で教えてください。 5 2023/02/10 15:11
- Word(ワード) Wordの表中の文字を選択した時の白黒反転の違い 1 2023/04/25 12:13
- Excel(エクセル) エクセルの数式で教えてください。 2 2023/03/09 16:55
- Excel(エクセル) エクセルの数式で教えてください。 1 2023/04/21 08:59
- Excel(エクセル) 条件に合った数値の合計を表示させたい関数と条件指定の方法 3 2023/05/13 16:07
- 会計ソフト・業務用ソフト エクセルの数式で教えてください。 1 2022/06/21 13:15
- Excel(エクセル) Excelのセル上の日付の不具合 3 2022/05/22 18:20
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
DIVの入れ子で、FireFoxだとレ...
-
VBAでの素数の求め方
-
CSSで、何故か、「float」が上...
-
CSSセクレター 子孫のみに適用...
-
htmlの文字が縦書きになる
-
【ヒトの神秘】美男美女から何...
-
マージソートの計算量について-...
-
複数のボタンを等間隔に、かつ...
-
双方向リスト
-
htmlのolやulなどlistにtitleや...
-
HTML5のfooterに見出しを付けて...
-
「諸要素」とはどういう意味で...
-
ヘッダーとフッターだけ背景を...
-
<h1>、<h2>と<p><div>の行間を...
-
リストマーカーをボックス内に...
-
十進BASICでのプログラム
-
<table>の高さ固定。情報増加時...
-
「目次」と「サブ目次」のスタ...
-
記事の最後の次のページ、前の...
-
【html&css】太さの違う2本線の...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ASP.NETでプレーンなページに文...
-
pythonでのカーソル移動がずれる
-
cnt <= (others => '0'); の意...
-
Excel VBAでのIE操作でクリック...
-
検索結果がツリー状に表示され...
-
VBAでの素数の求め方
-
秀丸で複数行コメントアウトを...
-
質問です。 新規登録ボタンが全...
-
safariで見るとページ上部に余...
-
chromedriverのver-upで動作不...
-
Firefoxで別ページのアンカーリ...
-
プログラマーの方に質問です。 ...
-
行頭から全角で3文字位さげた...
-
css リンクの色が全部変わって...
-
背景が動くWEBページの作り方に...
-
同じIE8なのに機種によってmarg...
-
VBA : QueryTableでのスクレイ...
-
Ajaxで文字列を表示したいです。
-
携帯サイトの背景色
-
htmlの文字が縦書きになる
おすすめ情報