- ベストアンサー
DW 罫線を極細にする方法
- DreamWeaverでテーブルなどを極細にする方法について教えてください。
- CSSを使用して罫線を細くする方法や、他の方法についても知りたいです。
- 特定のサイトが細い線で囲まれているようなデザインを実現している方法についても知りたいです。
- kommatta
- お礼率90% (147/163)
- ホームページ作成ソフト
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
＞「CSSで設定できます（略）１ピクセルの細い囲み罫ができます）」 というのは、それで新しくCSSを作成してボーダーの幅・色・スタイルを指定した後に、 適当な文章などを選択して、そのCSSを適用しましたか？ （上手く説明できなくてごめんなさい） ただ、このやり方だと、テーブルの罫線を指定すると言うよりも 任意の部分（選択して適用した部分）の文字やテキストを細い線で囲むだけなので、 「テーブルの罫線を全て細くしたい」という場合はまた違ったやり方になると思います。 ちなみにそのURLのサイトのc.gifは、いわゆるスペーサーgifというやつですね。 htmlが分かるならソースを見てみるか、 保存してDreamweaverで開いてみると分かるのですが 赤い枠線に見えるところも幅が1pxのセルになってます。 で、そのセルの背景に赤い色を指定しています。 ただ、セルが空だと（文字や画像が入っていないと）背景自体が表示されなかったりするので それを防ぐためにc.gifという1px×1pxの透明なgif画像を入れているのです。 #ホントはこういうレイアウトをする場合は #テーブルを使わずに、CSSで組むべきなんですけどね。 #例えばブログで記事などが細い線で囲まれているのは #テーブルを使っているわけではないのです。 スタイルシートが分からない場合は、この方法か kommattaさんが書いていらっしゃるソースの方法が現実的じゃないかと思います。 もしkommattaさんの方法で、いちいちセルの背景色を指定するのが面倒な場合は 「そのページのテーブル全てが、同じ枠線になって構わない」ということが前提ですが ちょっとだけCSSを使って、<head></head>の中に <style type="text/css"> <!-- table { background-color:#009900} td { background-color: #FFFFFF} --> </style> と入れておくと、テーブルやセルにbgcolorの指定をしなくても済みます。 #borderなどの指定はこれまで通り必要です。 #一部だけセルの色を変えたければ #そこだけ今までのようにテーブル自体にbgcolorを指定すればかえられます。
お礼
とても分かりやすくおこたえいただきありがとうございます！なるほど～、ちょっと試してみます！それからスぺーサーと背景の関係のことにつきまして、とても感謝ですm(__)mそういう何気ない情報を解説本などでけっこう見落としてしまっているようで、、、とても参考になりました。だから1×1の画像いれて背景にしているのですね！これはやってみたらできました！1pxlの罫線のようなものが出現してこまかく1本づつ罫線をいれていく感じで表もできました。これでやるとメイン部分の真ん中が、そもそもが背景白になるので、その中に小さめにレイアウトテーブルを配置していけるのでバッチリですね！どうも私のやりかたでやると背景色があるので、その背景色を隠すように真ん中に満杯に白のレイアウトテーブルを配置すると下に何故か余白が出て背景色が出てしまい困っていたんですよ、、、タグではブランクもないのに。。。どうもレイアウトテーブル同志か、横のレイアウトセルなどと相互に影響しあってしまうようなのです。スぺーサー入れると相互にあまり影響もしなくなるようですね。背景を白にしてさらにレイアウトセルをいれたかったので、これで解決できそうです！もう一日ほどまって締め切りいたします！ありがとうございました！