- 締切済み
Dreamweaverで HPレイアウトする点で質問です
ご質問ですが DreamweaverMXでHPを作成いたしています。 大まかにレイアウトテーブルを組み込み 主なレイアウトを決めて、画像等を組み入れています 例えば新規でHTML 基本ページから入りレイアウトを開始しますと 上部にブルーの余白が表示されます。 余白を残さず表現したいのですが、レイアウトは 組めません。HTML上で調整したいのですが 知識不足です。 デザイン的に最上部(ブラウザー）等で見える範囲を 上ぎりぎりに設定いたしたいのですが、タグわかりません お教えください。例えば表示されますソースは <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>無題ドキュメント</title> </head> <body> <table width="747" border="0" cellpadding="0" cellspacing="0"> <!--DWLayoutTable--> <tr> <td width="231" height="53" valign="top"><!--DWLayoutEmptyCell--> </td> <td width="188"> </td> <td width="328" rowspan="2" valign="top"><!--DWLayoutEmptyCell--> </td> </tr> <tr> <td height="108"> </td> <td> </td> </tr> </table> </body> </html> どの部分を変更すればよいのでしょうか レイアウトテーブル全体を上部へと調整するのでしょうか imgのみ調整するのでしょうか その方法は..... お知恵をお貸しください よろしくお願い致します まさし
- masashi5
- お礼率100% (3/3)
- ホームページ作成ソフト
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- Pochi67
- ベストアンサー率34% (582/1706)
スミマセン！ Javascriptではなくスタイルシートの間違いでした!! で、入れる場所ですが、<body>タグが上のソースの9行目にありますよね？ その<body>の部分を (1)<body topmargin="0"> (2)<body style="margin-top:0;"> のどちらかに変えれば上の余白は消えると思います。 (2)のスタイルシートで設定する時は「0」の部分を「5px」とか「5%」と、任意の数値を入れて余白の量を調節することができます。 スタイルシートは今回のように<body>タグを含めた<body>～</body>にある全てのタグに直接指定していく場合と、<head>タグ内で指定する場合、外部にcssファイルを作って参照させる場合があります。 どれを使っても同じ効果が得られますが、他にスタイルシートを使うことがなければ直接タグに書き込んだ方が簡単です。 スタイルシートは理解するまで少しややこしいので、もっと利用したい場合はちゃんと本などで勉強した方が良いですよ。 同じページに同じスタイルが何度も出てくる場合は<head>に、複数ページで同じスタイルを使う場合は外部ファイル・・・というように使い分けが出来るようになれます。 Dreamweaverではコードビューで作業していますか？ DreamweaverMXでは【 style="" 】の形は出てきますが、スタイルシートの中身は出てきません。つまりスタイルシートを覚えていないと設定出来ません。 でも、DreamweaverMX2004ではスタイルの中身も一覧が出てくるので便利です。 但し、デザインビューで作業をしていると、フォントの色や大きさを変えるたびに<head>にスタイルが増えていくのが難点ですが。 説明が下手ですみません。 上手くいくことを祈っています。（￣人￣;)
- Pochi67
- ベストアンサー率34% (582/1706)
<body>タグに【 topmargin="0" 】の属性を追加してみてください。 ちなみに上下の隙間をなくすのは【 marginheight="0" 】、左右の隙間をなくすには【 marginwidth="0" 】、左の隙間をなくすなら（左寄せ）【 leftmargin="0" 】というのがあります。 Javascriptでも設定可能です。 こっちだと数値でどれだけ隙間を作るかも設定できて、少しだけあけておきたい時には便利です。 Javascriptがわからなければ、テーブルの一番上に一段増やしてspacer.gifを任意のサイズにして入れてしまう方が簡単かも。 で、ここに書かれたテーブル、一段目と二段目の<td>の数が違うようですが、それは大丈夫なんですか？
お礼
はじめまして アドバイス本当にすみません。 感謝の念書面にてお送りいたします。 マージンタグは理解いたしているんですが どの場所に書き込んだらいいのかが未だに理解できません また、Javascriptでも、出来るんですね どのような、タグや書き込みをするのでしょうか。 ご迷惑でなければ、この二点お手数でなければお教しえ 頂けますればなおの感激..........！ 初心のものからすれば、本当に助からすアドバイスです。 御礼方々、ご指導頂ければ、幸いです。 ご無理を承知でお願い致します次第です 本当にありがとう お願い致します。
お礼
本当にありがとうございました。 御礼申し上げます。 今盛んに、作成中のHP 多分業務用になると思いますが 多くのページ数になりこれも，いずれはスタイルシート化 しなければならぬと、ない頭を抱えています。 スタイルシートの件と CGI買い物カート 設置レンタルも含め適当なサーバー会社を探すので 悩んでいます。 貴殿の様に博学でありたいものです ご親切なアドバイス、感謝致します。 本当にお手数かけました。お会いできればと 思う次第です。ありがとう まさし