Dreamweaverでテーブル作成の初心者の悩み

このQ&Aのポイント
  • Dreamweaver初心者の質問です。テンプレートとしてテーブルを作成し、ページの中央上に固定し、幅を700pxに設定したいのですが、空白ができてしまいます。また、縦の線が微妙にずれています。
  • ページの設定やCSS、テーブルの設定方法を教えてください。理想としては、ニッカンスポーツのようなテーブルのデザインにしたいです。
  • また、テーブルの横に影のような背景をつけたいのですが、どのようにすれば良いでしょうか?
回答を見る
  • ベストアンサー

Dreamweaverでテーブルを作ると

Dreamweaver初心者なので初歩的な質問だとは思うのですが、よろしくお願いします。 ページを作成するときにテンプレートとしてテーブルを中央上に固定し、幅を700ピクセル、真ん中のセルを入れ子にして編集可能領域にしたいのですが。そこで問題があります。 〔1〕どうしてもテーブルの上と左に空白ができてしまいます。 〔2〕なにか微妙に縦の線(セルの幅)がずれているようです。 ■なにかよいページの設定やCSS、テーブルの設定方法があるのでしょうか? ■理想としては http://www.nikkansports.com/ のような感じにしたいのです。 ■上のページのようにテーブルの横に影のような背景をつけたいのですがどのようにすればよいでしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
  • q-tip
  • ベストアンサー率28% (2/7)
回答No.1

こんにちは。 dreamweaverはあまり使わないので分からないのですが、 700pxの地点に影のついた画像back.gifを用意して                         | ↑こんな感じの画像 同じディレクトリにおいて スタイルシートでやると <style type="text/css"> <!-- body {margin: 0px; background-image: url(back.gif); background-repeat: repeat-y;} --> </style> をhead内に貼り付けてください。 ちなみに参考サイトはbodyタグでmarginの設定、背景画像の設定をしています。 <body marginwidth="0" topmargin="0" marginheight="0" leftmargin="0" background="back.gif"> という形です。 では。

yukitokochin
質問者

お礼

ご回答ありがとうございます。gif画像を使用してなんとか思うようなものができました。大変参考になりました。

関連するQ&A

  • DREAMWEAVERでテーブルに枠線

    DREAMWEAVER MXでテーブルに枠線を付けたいのですが、テーブルを入れ子にする以外の方法はあるのでしょうか? 1つ1つのセルにではなく、テーブル全体の外側にだけ付けたいのです。 ボーダーですとセルの1つ1つに付いてしまいます…。 HTMLの知識がほとんどないのですが、これはHTMLで何かしないとだめなのでしょうか? ご教授下さい。

    • ベストアンサー
    • CSS
  • dreamweaver☆テーブルの背景に画像を…

    dreamweaverで、テーブルに背景画像を設定したいです。 その上に文章を置きたいのです。 CSSで設定したのですが、全部は表示されません(1行分のみ?)なので、余分に空白の行を足して表示させていますが、これだと環境によっては切れていたりしそうです。 何か良い方法はありませんか?

  • テーブルをスマートなソースで書く方法

    テーブルを作りたいと思っているのですが HTML・CSSでできるだけスマートなソースで書く方法がうまく思いつきません。 セルの枠とセル内の色のある部分を3ピクセルほど開けて背景の画像が透けて見えるようにしたいのですが、 1ピクセル幅で白い枠を作る&背景の透けている空白部分は3ピクセルの空セル、というやり方でHTMLのみで組んだり CSSのボックスを使って組んでみたりしましたが 画像どおりのものはできるもののもっと簡単な書き方があるように思えます。 なんだかものすごく簡単なことを聞いていて恥ずかしいのですが、案をお持ちの方どうぞよろしくお願いいたします。

    • ベストアンサー
    • HTML
  • Dreamweaverのテーブル登録について

    以前、Dreamweaverの「テンプレート」のことを教えて頂いたのですが、「テンプレート」とはちょっと違うと思いますが・・・ たとえば、テーブルにメニューボタンを貼って、テーブルごと登録して、そのテーブル名で レイアウトの違うページに好きな場所に貼り付けることが出来ますでしょうか? また、その名前や紹介してあるページがございましたらお教え頂ければありがたいです。

  • Dreamweaverのテンプレートから作成でブラウザでは大丈夫なのにデザインビューでレイアウトが崩れてしまいます(’’;)

    Dreamweaver8でHPをつくりはじめておりまして、 まずテンプレートをつくってそこからすべてのページをつくっていこうと思っています。 そこでテンプレートを作り編集可能領域を設定したので、 テンプレートから新しいページを作成したのですが、 保存した途端レイアウトが縦に並んでしまい、崩れてしまいます。 しかしブラウザでプレビューしてみても全く崩れていなく大丈夫です。 テンプレートはCSSを使っておりますので、 CSSがテンプレートにあるとレイアウトが崩れてしまうのでしょうか? どなたか同じような現象にあわれた方よろしくお願いいたしますm(_ _)m

  • DREAMWEAVERのテーブルの幅

    WinXPでDREAMWEAVER MX2004を使用しています。 レイアウトにテーブルを使用しています。 標準モードではテーブルの幅は、指定どおり正しく表示されますが、拡張・レイアウトモードでは、指定したテーブルの幅と、括弧付きのテーブルの幅が出てきます。この括弧付きのテーブルの幅が、指定した値とは違っています。 各セルには正しい幅の値を入れているはずなのですが。 原因がわかりますでしょうか? よろしくお願いします。

    • 締切済み
    • CSS
  • Dreamweaverでテーブルの列幅を均等にしたい

    Dreamweaver8を使用しています。 エクセルのシートを貼り付けて、 その後もフォントを変更し、テーブルの列を均等にしたいのですが、方法がわかりません。 幅は手では動くのですが、いちいちめんどうです。 また、列幅を100ピクセルにする方法もわかりません。 よろしくお願いします。

  • Dreameweaver テーブルの作成について

    お世話になります。 Dreamweaverでのテーブルの作成について質問させていただきます。 2行3列のテーブル。 (1列目幅30ピクセル2列目幅740ピクセル3列目幅30ピクセル) 2行目は3列を結合させて1つのセルにしています。 そこに横幅800ピクセル画像を挿入しています。 けれどもどうしても、画像とテーブルの間に隙間が開いてしまっています。 レイアウトモードでみると800(801)となっています。 この()の意味と、どのようにしたら画像の幅とテーブルの幅がぴったりになるのでしょうか。 初心者で、質問が上手くできていないかもしれませんが、宜しくお願い致します。

  • dreamweaverで作ったHPがIE表示だと崩れます

    お世話になります。 dreamweaverでホームページを作っています。 環境はMac OS10.4、dreamweaver MX2004、 確認をsafari、firefoxで行っていました。 MacにはIEが入っていません。 アップしたHPを見ると、safari、firefoxでキチンと表示されていた CSSが、IEでは思いっきり崩れてしまいました。 原因も良く分からなくって、困っています。 例えば、583ピクセル幅の文字アンダーラインが、800ピクセルの テーブル枠を大幅に超えてしまう。 オレンジの太字設定の文字が赤字で水色の破線アンダーラインが 入ってしまう。 などなど。IEはまだまだユーザーが多いようですし、 何とか直したいのですが…。 原因はCSSの何がいけなかったのでしょうか? ※Dreamweaverにてレイアウトを組んでいます。 そのためコードはまったく理解していません。 コード表示されてもチンプンカンプンのため、 DW上での操作方法を教えて頂けると助かります。 アドバイスよろしくお願いします。

  • DreamweaverのCSSで

    Dreamweaverを利用して、サイトを作っております。現在大きなサイトの一部分を任せられており、すでにできあがっているテンプレートにデータの流し込み作業をしています。 このサイト全体がバリバリにCSSで設計されていて、未だにテーブルレイアウトをしている私には分からないことが山盛り。とりあえず預かってきたファイルを開いてみたところ、デザイン画面が真っ黒なのです。所々見えるところもあるのですが、CSSで「画像+文字」ではき出す設定になっている部分が真っ黒になってしまっているのです。 DreamweaverでCSSを扱う際、なにか特別な環境設定が必要なのでしょうか?おそらくじっくりと調べれば、何らかの解決方法があるのでしょうが、締切が迫っている仕事なため、とても焦っております。 当方、MacでDreamweaverはSTUDO MXを使っています。 是非アドバイスをお願いします。

専門家に質問してみよう