レイヤーの上にレイヤー？
- Dreamweaver4とメモ帳を使いながら悪戦苦闘しています。
- 背景を柄の激しいものにするとテキストが読みにくいですよね？そこで、そのテキストを囲んで白抜き枠を作り、その中にテキストを入れ込みたいのですが、これはレイヤーにレイヤーを重ねるということですか？レイヤーでテキストを囲み、背景を白にすることでひとつのレイヤーはできたのですが、そこへ入れるテキストはどのようにして挿入すればよいのでしょうか？説明下手ですみません。それとも、他によい方法はありますか？あと、レイヤーに外枠を作ることはできますか？
- レイヤーよりもレイアウトテーブルを使った方がよいのでしょうか？質問攻めになってしまいましたがよろしくお願いします。
- ベストアンサー
レイヤーの上にレイヤー？
今、ＨＰ作成中の者です。 Dreamweaver4とメモ帳を使いながら悪戦苦闘しています。 背景を柄の激しいものにするとテキストが読みにくいですよね？ そこで、そのテキストを囲んで白抜き枠を作り、 その中にテキストを入れ込みたいのですが、 これはレイヤーにレイヤーを重ねるということですか？ レイヤーでテキストを囲み、背景を白にすることで ひとつのレイヤーはできたのですが、そこへ入れるテキストは どのようにして挿入すればよいのでしょうか？ 説明下手ですみません。それとも、他によい方法はありますか？ あと、レイヤーに外枠を作ることはできますか？ レイヤーよりもレイアウトテーブルを使った方がよいのでしょうか？ 質問攻めになってしまいましたがよろしくお願いします。
- satomoon
- お礼率82% (78/94)
- CSS
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
補足です。もう少し DreamWeaver のレイヤーと互換性を持たせてみました。DreamWeaver で編集可能になっているハズです。(MXで確認) 下記に示したコードと前出のコード、DreamWeaver が生成するコードを比べてパラメーターを変えてみると面白いと思います。 DreamWeaver のプロパティインスペクタの値も所詮は HTML の値を反映しているだけなので最終的には基礎理解が必要となります。 <HEAD> <style type="text/css"> <!-- BODY { background-color: black; } .textContainer { position: absolute; left: 100px; top: 20px; width: 100px; height: 150px; color: black; background-color: white; border: double 3px green; padding: 5px; } --> </style> </HEAD> <BODY> <div class="textContainer">hello world</div> <div class="textContainer" style="top: 45px; left: 130px;">overlapped =P</div> </BODY>
その他の回答 (1)
- sou_sk
- ベストアンサー率71% (15/21)
CSS でこんな感じでしょうか。 # 必要部分以外省略しています。 <HEAD> <style type="text/css"> <!-- BODY { background-color: black; } .textContainer { color: black; background-color: white; border: double 3px green; padding: 5px; } --> </style> </HEAD> <BODY><div class="textContainer">hello world</div></BODY> ところで蛇足ですが Dreamweaver でビジュアルドリブンのデザインも良いのですがもう一つの方法として HTML + CSS のセマンティックドリブンなデザインがあります。 技評のページを紹介しますので一度見てみてください。 これからはこちらの方が価値があると思います。制作コストはかかりますがコードの再利用性とメンテナンス性を考えるとこちらが上です。 この手法では DreamWeaver のプレビューでは表示が崩れるので制作環境がまた変わります。 またエディタはメモ帳ではなく jEdit (http://jedit.org/) Peggy (http://www2.noritz.co.jp/anchor/ashp/peggy/pegindex.html) のようなしっかりした物をお勧めします。
お礼
早々のご回答ありがとうございます。 ＣＳＳすらイマイチわかっておらず、勉強になりました。 というか、これから勉強です（苦笑）
関連するQ&A
- Dreamweaverのレイヤー・テーブル・フレームについて
Dreamweaverではレイヤー・テーブル・フレームなど、レイアウトを設定できる方法がありますが、以下のどれでもよいので回答お願いします。 質問０ Dreamweaverでは「レイヤーからテーブルへ変換」することができますが、レイヤーがかさなっていると変換できないようなのですが、どうにか良い方法はないでしょうか？できたら重ねて作りたいのですが… 質問１ Dreamweaverでは「レイヤーからテーブルへ変換」することができますが、HTMLファイル自体はレイヤーとテーブルのどちらが軽いファイルになるのでしょうか？また、レイヤーを利用した場合、表示が構築状態とは違う状態になりますが、どうしたらよいのでしょうか？ 質問２ 入力フォームを作ろうと思うのですが、これは、データテーブルで構築するべきでしょうか？自分はフォームの下に画像（綺麗なテーブル）をのせようと思うのですが、無難と言えない構築方法なのでしょうか？
- ベストアンサー
- ホームページ作成ソフト
- dreamweaver4のレイヤーをテーブルに変換する
ご質問致します。 今、dreamweaver4を使ってホームページを作っているのですが、レイアウトの自由度を優先してレイヤーを使いレイアウトをしています。 レイヤーを使うとセンター合わせが出来ないためにレイヤーをテーブルに変換してセンター合わせをしようと思うのですが、 レイヤーの１つにスクロールバーを使いスクロール（上下）するものがあり、下にオビを付けていますので、オーバーラップしてるので変換出来ませんと表示されます。 上にオビ（メニュー）レイヤー、スクロール（上下）するレイヤー、下にオビのレイアウトになっています。 レイアウトの都合上、上下に限りがあるのでスクロールしなければいけません。 レイアウトを保ちながらセンター合わせにするにはどのようにすればいいのか教えて下さい。 宜しくお願い致します。
- 締切済み
- ホームページ作成ソフト
- Dreamweaverでテンプレート使用時、レイヤー（レイアウト枠）が挿入できません。
現在DreamweaverでＨＰを作っています。 テンプレートを使って新規ページを作成しているときに、編集可能部分にレイアウト枠を 「挿入」→「レイアウトオブジェクト」→「レイヤー」 で入れようとしたのですが、エラーメッセージが出てきてしまい、どうしてもレイアウト枠が入れられません。 エラーメッセージは 「この変更を行うには、テンプレートまたはトランスレータでロックされているコードの変更が必要です。変更は破棄されます。」 というものです。 試しに、公式サイト（今はadobe）から、 Dreamweaver 8.0.1 アップデータ Dreamweaver 8.0.2 アップデータ の両方をダウンロードして実行したのですが、いまだに解決できていません。 解決方法をご存知の方がいましたらぜひ教えていただきたいのですが。 ちなみに ＯＳは「Windows XP」 使用ソフトは「Dreamweaver 8」 です。 お手数ですが、よろしくお願いします。
- 締切済み
- ホームページ作成ソフト
- Dreamweaverでの、テーブルの挿入
変な質問かもしれないのですが, Dreamweaverで、テーブルを挿入したいのですが、 ［オブジェクト］パネルのテーブルを挿入がアクティブにならないんです. もちろん［挿入］ー［テーブル］でもアクティブに成らないんです. 解説書などでは、”アクティブになら内場合は［レイアウトビュー］になっているか確認してください。”としかかいてないんですが。 あと、［レイヤーを描く］もアクティブに成りません. どうゆう設定、操作をすればテーブルを挿入する事ができるのでしょう？ すみませんおねがいします。
- ベストアンサー
- グラフィックソフト
- イラストレーターについて
イラストレーターでイラストを４つくらいレイアウトして印刷したいんですが、やり方がいまいちわからないので質問しました。 イラストを１つ１つレイヤーに描いて保存しています。これから色を塗るところなんですが、背景だけを塗ることってできますか？自分が描いた絵を白抜きにしたいんです。また、レイアウトするのもイラストレーターでいいんですよね？枠を作って、そこに作ったイラストをレイアウトしたいのですが… いろんなサイトを見てみたのですが、あまり詳しくのっていなかったので、イラレがわかる人や、おすすめなサイトを知っているかた、意見をお願いします。
- 締切済み
- グラフィックソフト
- dreamweaverの画像分割について
下記のようなものをタグうちではなくなるべくdreamweaverの ツールを使って作りたいです。 私が作った方法では、テーブルを挿入して 左をＣＳＳで定義してやったのですが、 今度はそれをやると文章が任意の場所に打てません。 それと、外枠の茶色の部分ですが、他のＨＰをみて、 こういう風にしたかったのですがやり方が良くわかりません。 曖昧な質問ですが、宜しくお願いします。 それと、dreamweaverのｃｓ6はレイヤー機能が見当たりません。 無くなったのでしょうか？
- ベストアンサー
- ホームページ作成ソフト
- DreamweaverMX2004を使っています。
きっとすごく簡単なことだと思うのですが、いくらがんばってみてもできないことがあります。どなたか御教え頂けると幸いです。 現在、レイアウトテーブルにレイアウトセルをいれて構成を組み立てているという、極めてシンプルな作りなのですが、レイアウトセルに枠をつけれなくて困っています。例えば、このレイアウトセルは「基本」、このレイアウトセルは「応用」といった形です。今は枠が無いので、しまりの無いデザインになっています。どうしても枠がつけれないので、今は背景色を変えて結果的に枠を見せている状態です。 ビルダーを使っていた頃は簡単にできたことなので、おそらくDreamweaverでできないはずはないと思っています。どなたかご回答頂けないでしょうか？よろしくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- 2つのテーブルを左右に表示したい。
2つのテーブルは列、幅の数が異なります。 ちょうど下記のような感じで表示したいのですが、 どのようにすればよいでしょうか。 単純にテーブルを２つ記述するとくっついてしまいます。 ■■■ ■■ ■■■ ■■ ■■■ レイヤー？とかいうものを使う方法もあるようなのですが、 ちょっと説明をみてもよく分かりませんでした。 ２つを別々のテーブルではなく、１つのテーブルにしてできないかと思ったのですが、枠線が 上のようにならなくて断念しました。 いくつかの画面を作成しているのですが、思ったとおりに表示できなくて悪戦苦闘しています。 アドバイス頂けると助かります。
- ベストアンサー
- HTML
- テーブル枠の外側の赤い枠？
IBMホームページビルダーで、枠（テーブル）を挿入したあと枠の外側に、何か 赤い枠のようなものが表示されていて、その中にすっぽり枠が入っているような状況です。普通に枠を貼り付けると、あかい外枠は付かない上に、赤枠に入ったテーブルよりも広がって張りついてしまいます。あかい外枠をつける方法をご存じの方がいましたら、ご教授願います。
- ベストアンサー
- ホームページ作成ソフト
- dreamweaver テーブルセル内へのテキスト入力
HP作成にあたり、Firewoksでデザインパーツをスライスし、Dreamweaverのテーブルレイアウトに貼付けるという手順で作業をしています。 一つのテーブルを２列に分け、左に画像、右にテキスト（イラストレーターのデーター）を入れたいのですが、画像はイメージ挿入でできたのですが、なぜかテキストが貼付けできません！ どうやればいいのでしょうか？ちなみに、画像ではなく後に編集できるようにテキスト入力にしたいのですが… 初心者ですのでお詳しい方わかりやすく教えてください。 よろしくお願いします！
- ベストアンサー
- ホームページ作成ソフト
お礼
たびたびありがとうございます。 すごく私の中で世界が広がってます！ と、言いつつ、さらに勉強せねば！！