- ベストアンサー
テーブルの枠線の作り方
uduki4の回答
- uduki4
- ベストアンサー率42% (69/163)
Dreamweaverで出来ます。 まずは見本を見てください。 と言っても、HTML文章を書くだけですが、 <html> <head> <title>無題ドキュメント</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> </head> <body bgcolor="#FFFFFF" text="#000000" > <table width="400" border="5" cellspacing="0" cellpadding="0" height="400" bordercolor="#000000"> <tr> <td> <table width="400" border="1" cellspacing="0" cellpadding="0" height="400" bordercolor="#FF0000"> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> </table> </td> </tr> </table> </body> </html> 上に書いたものが「Dreamweaver」で簡単なテーブルを作ってしたものです。 上にあるものを「Dreamweaver」上で開いてみてください。 それでは解説を。 解説 1). まず、テーブルを作ります。「オブジェクトウィンドウ」→「一般」→「テーブルの挿入」をクリックして、テーブルを作ります。 2). 次に、テーブルの設定をします。「行数」（縦の枠数）と「列数」（横の枠数）を決め、「セル内余白」と「セル内間隔」は「0」にして、「幅」を、設定します。その後、「ボーダー」と有りますが、これがテーブルの枠線の元です。それを、決めた後、「OK」をクリックします。 3). 次に、そのテーブルが選ばれた状態にします。普通、2).の状態からそのまま来た場合は、そのままで、別の場所をクリックしてはなれたら、テーブルの縁の部分をクリックしてから「プロパティウィンドウ」で、「テーブル」となっているはずですから、空白になっている高さを入れます。（これは後ででも出来ます。） それから、「プロパティウィンドウ」の下の方に「ボーダーカラー」と言うのが有りますから、その横の白い箱になっている(左下の方に黒い▼がついている）部分をクリックして、「ボーダーカラー」を選びます。 そうすると、縁になりました。 ちなみに、上のものをHTMLで表示すると分りますが、外側にあるテーブルが、黒で、内側にあるテーブルが赤となっています。 それぞれに、「ボーダー」の幅を変えて見ましたが、どうですか。 まだ分らない事があれば、補足でもいいですから書いてください。 私の知っている「Dreamweaver」のテクニックなら教えてあげましょう。 では、いいホームページが出来上がります様に。 以上
関連するQ&A
- テーブルの中にテーブルをつくるの利点は？
現在、ホームページ制作を勉強中なのですが、 人のページのソースを見るとよくテーブルの中に テーブルをたくさん入れているのを見かけます。 普通にセルで制作するのに比べて テーブルで入れ子上にする利点は何でしょうか？ よろしくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- DREAMWEAVERでテーブルに枠線
DREAMWEAVER MXでテーブルに枠線を付けたいのですが、テーブルを入れ子にする以外の方法はあるのでしょうか？ 1つ1つのセルにではなく、テーブル全体の外側にだけ付けたいのです。 ボーダーですとセルの1つ1つに付いてしまいます…。 HTMLの知識がほとんどないのですが、これはHTMLで何かしないとだめなのでしょうか？ ご教授下さい。
- ベストアンサー
- CSS
- テーブルの設置方法
ＨＰのトップページに、お知らせなどをテーブル内に書き込みたいのですが、いろんな素材サイトを参考にしても上手くいきません。 ちゃんとソースをコピーして、ソースに貼り付けてるのですが、枠が表示されなかったりします。 単純に枠だけでいいんですが、色を変えたくても、どこが枠の色、文字色なのかもわかりません、、、 枠のみを自分の好きな大きさ、色で作る方法がありましたらよろしくお願いします。 ホームページビルダー５で、WINDOWS XPで作ってます。 初心者なので、言葉足らずかもしれませんが、よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- Dreamweaverでテーブルを作ると
Dreamweaver初心者なので初歩的な質問だとは思うのですが、よろしくお願いします。 ページを作成するときにテンプレートとしてテーブルを中央上に固定し、幅を700ピクセル、真ん中のセルを入れ子にして編集可能領域にしたいのですが。そこで問題があります。 〔1〕どうしてもテーブルの上と左に空白ができてしまいます。 〔2〕なにか微妙に縦の線（セルの幅）がずれているようです。 ■なにかよいページの設定やＣＳＳ、テーブルの設定方法があるのでしょうか？ ■理想としては http://www.nikkansports.com/ のような感じにしたいのです。 ■上のページのようにテーブルの横に影のような背景をつけたいのですがどのようにすればよいでしょうか？
- ベストアンサー
- ホームページ作成ソフト
- テーブルにスクロールできますか？
dreamweaverMXでHPを作成しています。 全体をテーブルで入れ子にして作っています。 一応商用サイトなのでお客さんの要望があって、 よく新着情報などをスクロールがついているテーブル？のようなもので作られていますよね。 それの作り方がわかりません。 ネットで検索したりcssにチャレンジもしたのですがやっぱりdreamweaverではテーブルにスクロールは付けられないのでしょうか？ 初心者のため自分でいろいろやったのですが難しくてわかりません。 出来ればテーブルで、テーブルが無理でも何かしら方法を教えて欲しいです。 よろしくお願いします。
- 締切済み
- ホームページ作成ソフト
- cssでテーブルで細い線
スタイルシートを使って 1ピクセルの細い線にしようと、 サンプルのように以下のようにしてみましたが 中の線（td？）が二重になってしまいます 一線にするのにどのようにすればイイですか？ ―――――――― .table2 { width: 400px; /* テーブルの横幅 */ border-collapse: collapse; /* 枠線の表示方法 */ border: 1px #1C79C6 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ background-color: #FFFFFF; /* 背景色 */ } .table2 TD { border: 1px #1C79C6 collapse; /* セルの枠線（太さ・色・スタイル） */ } ―――――――――――――― <TABLE CLASS="table2"> <TR> <TD>WebデザインA</TD> <TD>WebデザインB</TD> </TR> <TR> <TD>WebデザインC</TD> <TD>WebデザインD</TD> </TR> </TABLE>
- ベストアンサー
- CSS
- スタイルシートの細ーい線
スタイルシートで細い線にするには、どうすれば よいのでしょうか。 過去ログをいくつか参照させていただたいたのですが (http://www.okweb.ne.jp/kotaeru.php3?q=325031 等) これだと、となりあったセル同士だと互いの枠線が 重なって２本の線になってしまいます。 テーブルの入れ子以外で、いわゆる「一本線」で スマートに表現する方法はないでしょうか。 以前見たことがあるのですが。
- ベストアンサー
- CSS
- テーブル入れ子にしたらNNではダメ？
赤い背景画像を使ったHTMLにテーブルを3個入れ子で載せました。 下のテーブルのセルに白色、中のテーブルのセル色にグレー、一番上のテーブルのセルに白色を指定しました。 そこへラジオボタンをつけたのですが、本来、枠がない丸いボタンのところに赤の枠ができてしまいます。 IEでは問題ないのですが、NN4.7で確認したらこうなっていました。 デザインを変えずに回避する方法があったら教えてください。 また、NN6.*～だったらOKということはありますか？
- ベストアンサー
- HTML
- テーブル枠と文字
DreamWeaverでＨＰ作成中です。 たびたび質問させていただいていますが、テーブルの大きさがどうしても合いません。 【Ａ】<table width="100%" height="100%">という大きなテーブルの中に ３つ入れ子しています。 <tr><td> 【１】<table width="710" height="55"> 【２】<table width="710" height="15"> 【３】<table width="710" height="400"> </td></tr></table> これをベースに、【１】【２】のテーブルにはボタンを入れ、各ページにリンクさせています。 【３】のテーブルにインラインフレームを入れて、各ページ枠組と背景は同じのものを作っています。 【３】のインラインフレームを外しFlashファイルをはめこんだりすると、他のページと枠の大きさが変わってくるのですが、理由がわかりません。 もしかして、テーブルの枠自体に高さや幅があるのでしょうか。 例えば<table border="0">としていても、少し高さがあったりするために、全体の大きさが微妙に変わってしまう等。 もしくは、<td height="5">と設定しているのに、文字の大きさがそれ以上の高さを持っているため等。 文字の大きさはブラウザの設定等にも依存するのでしょうが、大体高さはどのくらいに設定すればよいのでしょうか。 それから、例えば【３】<table height="400">の中が<table height="380">と<table height="15">の２つだとするとまた大きさが変わってしまうのでしょうか。 とんちんかんなことを言っていますが、教えてくださいー。
- ベストアンサー
- HTML
お礼
ご丁寧な回答たいへんありがとうございます！ まだ試してはいないのですが、 Dreamweaverでuduki4さんのご講義のとおりやって試してみようと思います。 様々なやり方があるのですねー。 本当にためになります。 ありがとうございます！