あなたの映画力を試せる!POPLETA映画検定(無料) >>

ドリームウィーバーで作成したHPの背景色の変更はできますが

テーブルを作成した場合、
そのテーブルの背景だけを他の色や画像を使用したいのですが

どのように指定すればテーブルの背景をへんこうできますか?

今は直接タグを変更しております

よろしくお願いします

このQ&Aに関連する最新のQ&A

A 回答 (2件)

直接タグを編集する場合



■背景に画像(背景画像がimgフォルダの中のhaikei.gifなら)
<table background="img/haikei.gif" >
<tr>
<td>
</td>
</tr>
</table>

■背景色をつける(テーブルを赤にセルの一部を黄色にするなら)
<table bgcolor="#FF0000">
<tr>
<td></td><td bgcolor="#FFFF00"></td>
</tr>
</table>
こうすることで、テーブルが赤で、右側のセルだけが黄色になります。
    • good
    • 0

ウィンドウメニューから、プロパティウィンドウを表示させておいてください。


テーブルを選択したら、そのプロパティウィンドウに

行・列・幅・高さ・セル余白・セル間隔・ボーダ・背景色・背景イメージ・ボーダカラー

などの属性が表示されて変更可能です。
    • good
    • 1

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q【DreamWeaver】「コード」画面の文字を大きくしたい

ドリームウィーバー8(Win)使用者です。
HTMLを表示する「コード」画面の文字が小さくて目が疲れるため、もう少し大きくならないかと考えています。
DreamWeaverの機能としてなんとかなりませんでしょうか?
お詳しい方、よろしくお願いいたします。

Aベストアンサー

「編集」「環境設定」「フォント」を選択。
「コードビュー」「サイズ」を16ptを選択。

QDREAMWEAVERでテーブルに枠線

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

Aベストアンサー

すみません、説明不足でした。

すでにテーブルがある状態であったら「テーブルの枠」を確実に選択してください。(枠だけです)

お礼に記載していただいた内容を見る限りでは「すべてのセル」を選んだ状態で設定をしていると思われます。

テーブルの外枠だけをクリックして選択してみてください。

それでもダメなら・・・

<table width="750" border="0" cellpadding="0" cellspacing="0" class="line">

というようにclass=に続けて設定したクラス名を直接タグに記述してください。

※ソースをみて設定したクラスが「td」タグに設定されている場合はセルにCSS設定、tableタグ内にあれば外枠にCSS設定ということになります。

↓これをソースに貼り付けてデザインで確認してみてください。(青枠が設定されるはずです)


<!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>
<style type="text/css">
<!--
.line {
border: thin solid #0000FF;
}
-->
</style>
</head>

<body>
<table width="750" border="0" cellpadding="0" cellspacing="0" class="line">
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>

すみません、説明不足でした。

すでにテーブルがある状態であったら「テーブルの枠」を確実に選択してください。(枠だけです)

お礼に記載していただいた内容を見る限りでは「すべてのセル」を選んだ状態で設定をしていると思われます。

テーブルの外枠だけをクリックして選択してみてください。

それでもダメなら・・・

<table width="750" border="0" cellpadding="0" cellspacing="0" class="line">

というようにclass=に続けて設定したクラス名を直接タグに記述してください。

※ソース...続きを読む

Qテーブルをふちどる線

ホームページ制作初心者のものです。
Dreamweaver4でHPを作ろうと思い、様々なページを見ながら勉強中の者です。
最近よく見かけるのですが、テーブルで組んだと思われる枠に色のついた細い線を使ったものが多くみられるのですが、あれはどのようにしているのでしょうか??
テーブルの枠線といったら、あのグレーの物しかできないものと思っていたのですが...。
自分なりに考えて、テーブルの入れ子を駆使しして作ることはできたのですが、どうやら違ったやり方があるような気がします。
もしかして、とっても簡単なことなのかもしれませんが、ご存知の方、どうかお教えください。
Dreamweaverでできるのでしょうか?

Aベストアンサー

「枠に色のついた細い線を使ったもの」というのが立体感のない枠線のことでしたら、「入れ子を駆使した」やり方が正攻法です。

外側のテーブルのbgcolorを枠線にしたい色にし、内側のテーブルでcellspacingで枠線の太さ、セルの背景色は<td>でbgcolorを指定します。bgcolordで色をつけないと背景が透けてみえるtableの性質を利用し、枠線は下の色を見せているわけです。

**例**
<table border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="#000000"><td>
<table border="0" cellspacing="5" cellpadding="0">
<tr><td bgcolor="#999999">セル1</td><td bgcolor="#999999">セル2</td></tr>
<tr><td bgcolor="#999999">セル3</td><td bgcolor="#999999">セル4</td></tr>
</table>

「枠に色のついた細い線を使ったもの」というのが立体感のない枠線のことでしたら、「入れ子を駆使した」やり方が正攻法です。

外側のテーブルのbgcolorを枠線にしたい色にし、内側のテーブルでcellspacingで枠線の太さ、セルの背景色は<td>でbgcolorを指定します。bgcolordで色をつけないと背景が透けてみえるtableの性質を利用し、枠線は下の色を見せているわけです。

**例**
<table border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="#000000"><td>
<table border="0" cellspacing="5" cellp...続きを読む

QDreamweaberでの背景画像固定について

よくこちらにも質問にあがってる「背景画像」の固定ですが、回答を拝見していると、手打ちタグでの回答ばかりですよね?
同じタグをDreamweaberで手打ち挿入してみましたが、背景固定は出来ませんでした。
(右下・左上等全部やってみましたが、どれも出来ませんでした)
画面をスクロールすると文字と一緒に画像も動いてしまいます。

手打ち挿入でなく、Dreamweaberのソフト上では出来ないものなのでしょうか?
詳しい方いらっしゃいましたら回答お願いいたします。

こちらの環境はi Mac/OS.9.2.2です。

Aベストアンサー

こんにちは!

1.まず【CSSスタイル】パネルでパネルの下にあるアイコンの『新規CSSスタイル』ボタンをクリック。

2.『タイプ』を「HTMLの再定義」にして『定義場所』を「現在のドキュメントのみ」にします。

3.『タグ』のプルダウンメニュー▼?から【body】を選択して【OK】

4.設定ダイアログ?が出ますので、『カテゴリ』から【背景】を選択。

5.【背景イメージ】の『参照』から画像を選択。【背景色】を画像の色に合わせて設定。

6.【繰り返し】を『リピートなし』、【添付】を『固定』にします。

後の設定はお好みで色々研究してみてください。

QDreamweaverで、問い合わせフォームを作成し、”送信”ボタンでメールを送信する設定方法

Dreamweaverで問い合わせフォームを作成して、メールを送信できるようなページを作成したいと思っています。

参考書や下記のページ
http://juen-cs.dl.juen.ac.jp/html/hp/13/02/explanation.html

を参考に作成を行いました。
大体出来上がったのですが、送信ボタンを押してもメール送信ができません。CGIなどの設定が必要だというページなども見たのですが、Dreamweaverにはこのような設定も行える箇所があるのでしょうか?

ご教授いただきますようよろしくお願いいたします。

Aベストアンサー

> フォームは基本的にCGIと対になりますが、今回はフォームの作成の方法の説明を行います。
> 細かな設定などは、実際にCGIとの兼ねあいがありますので、CGIのプログラムとインターフェイスの調整をしなくてはいけません。

と書かれているとおり、CGIが必要になります。
「フォームメールCGI」などで検索して、
シンプルなものをダウンロードしてきて、設定してアップロードします。

Dreamweaverででもできなくはないですが、
配布しているところの設置方法に従ってやったほうがよいかと思います。

Dreamweaverでやるのは、フォームのレイアウトやデザインの調整です。

QDreamweaverのテーブル内テキストの調整

Dreamweaver初心者です。
質問2点よろしくお願いします。

1.テーブル内テキストの行間の調整の方法。
2.同じくテーブル内で、テキスト自体は中央揃えじゃない(左揃え)まま中央に配置したい。

2.は、セル内の余白の指定、でしょうか?
そうであれば、どこで指定すればできますでしょうか?

よろしくお願いいたします。

Aベストアンサー

真ん中のセルだけ
<td style="padding-left:30px;padding-right:30px;line-height:1.4em;">あ<br>い<br>う<br>え</td>

QDreamWeaverでテーブルの位置を調整したい

DreamWeaver8を使用しています。
テーブルを挿入したのですが、テーブルが左端に寄ってしまいバランスがよくありません。
数センチ右に寄せたいのですが、どうすればいいでしょうか?
よろしくお願いします。

Aベストアンサー

CSSを使う方法と、テーブルを入れ子にする方法の二つが思い浮かびました。
まず、テーブルを入れ子にする方法ですが
何でもいいので、テーブルを一つ作ります。
さらにその中にテーブルを作り、幅を80%とか90%に指定、もしくはピクセルで指定し、中に作ったテーブルをセルで右寄せにします。
例えば、こんな感じです。
//外側のテーブル
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
//中に入れ子にするテーブル
<td align="right"><table width="80%" cellspacing="0" cellpadding="0">
<tr>
<td>本文</td>
</tr>
</table></td>
</tr>
</table>
もう一つは、CSSを使い、マージンや余白を設定するやりかたです。
例として、何でもいいので、CSSに名前をつけて作成します。
例では、BOXとしてあります。
.box {
margin-left: 2cm;(マージンを左から2cm横にずらします。)
padding-left: 2cm;(余白を左から2cm横にずらします。)
}
もしテーブルの中にテーブルを入れるのでなく、全体?のテーブルの位置を変えたい場合は、CSSのBODYタグに、上記のコードを書けば、テーブルがずれてくれます。

これでうまく行くかと思いますが…
参考までに…

CSSを使う方法と、テーブルを入れ子にする方法の二つが思い浮かびました。
まず、テーブルを入れ子にする方法ですが
何でもいいので、テーブルを一つ作ります。
さらにその中にテーブルを作り、幅を80%とか90%に指定、もしくはピクセルで指定し、中に作ったテーブルをセルで右寄せにします。
例えば、こんな感じです。
//外側のテーブル
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
//中に入れ子にするテーブル
<td align="right"><table width="80%" cellspacing="0" cellpadding...続きを読む

Qテーブル内の一部のみ線を変更する方法ってありますか?

いつもお世話になっております。どなたか教えて下さい。
無理なら無理で結構ですので不可能だと回答下さい。

あるテーブル内の一部のみ線を点線にしたり、線幅を細くする方法があれば教えてほしいのですが・・・可能でしょうか?

イメージはエクセルのように一部の罫線だけを変更したいのです。宜しく御願いします。

1つのテーブルで実現不能ならば、複数のテーブルを自由に結合する方法とかないでしょうか?

むちゃくちゃ言って申し訳ありませんが、どなたか救いの手をお願いします。

ちなみにブラウザはIE5.0か6.0だと思います。

Aベストアンサー

スタイルシートを用いることで可能です。
以下の例ではタグに直接style属性を埋め込んでいますが、
先にstyle指定をしておくと楽かもしれません。
<table border="1" bordercolor="black">
<tr>
<td style="border-top-style:dashed;border-left:3px solid red;border-bottom-width:2px;border-right-color:blue;">あああ</td>
</tr>
</table>
詳しくは、スタイルシート、CSSなどで調べてみてください。

QDreamweaverで点線の区切り線を挿入したい

Dreamweaver8でHPを作成しています。通常の区切り線はHTMLのツールバーで挿入してプロパティインスペクタで長さや太さを編集できるとありますが、色々なwebページで見かける、段落と段落の間をちょっと区切るために入れるような、あの点線はどうやって挿入するのでしょうか・・・?分かるかた、どうぞ教えてください。よろしくお願いします。

Aベストアンサー

おそらくそういった点線は、スタイルシートで入力しているか、画像を置いていると思います。

スタイルシートに関して初心者として書いてしまいますが、
スタイルシートで入れる場合は、
・デザインというウィンドウの中の「CSSスタイル」タブをクリック →
・そのウィンドウの下の方の4つ並んでいるボタンの中から、「新規CSSスタイル」をクリック →
・名前を適宜つけて、「カスタムスタイルの作成(クラス)」と現在のドキュメントのみをクリック→
・カテゴリの中からボーダーを選択し、「スタイル」で「ドット」(点線)か「ダッシュ」(破線)を選択し、「幅」でどれかを選んでOK→
(例、段落の下に入れたい場合は、.underline と名前をつけ、すべて同一のチェックを外し、「下」でダッシュを選び、細線を選ぶ)
・ページの適用したい段落のあたりをクリックすると、そのウィンドウのステータスバーに<body><p>と表示されると思いますので、<p>を右クリックし、クラス設定で先ほどつけた名前を選択すると、できあがり!
のはずです。

スタイルシートの使用方法に関しては、もっっっと細かいことがあるようですので、別途調べて下さい(私も勉強中(^^;))。

私はDreamweaver6 を使用しているので、多少言葉が違うかも知れませんが、お貯めし下さい。

おそらくそういった点線は、スタイルシートで入力しているか、画像を置いていると思います。

スタイルシートに関して初心者として書いてしまいますが、
スタイルシートで入れる場合は、
・デザインというウィンドウの中の「CSSスタイル」タブをクリック →
・そのウィンドウの下の方の4つ並んでいるボタンの中から、「新規CSSスタイル」をクリック →
・名前を適宜つけて、「カスタムスタイルの作成(クラス)」と現在のドキュメントのみをクリック→
・カテゴリの中からボーダーを選択し、「スタイル」で...続きを読む

QDreamweaverのリンクを別ウインドウで表示

DeamweaverMX2004を使用しています。
写真をクリックするとその拡大写真が別のウインドウが出て、それに表示されるということをしたいのですが、方法がわかりません。
普通にリンクを張ると、同じウインドウに拡大写真が表示されてしまいます。

よろしくお願いします。

Aベストアンサー

プロパティ画面内の「ターゲット」を「_blank」にすれば新規ブラウザが開きます


人気Q&Aランキング