レイヤーの上にレイヤー？

解決済

質問者：satomoon
質問日時：2003/05/04 13:09
回答数：2件

今、ＨＰ作成中の者です。
Dreamweaver4とメモ帳を使いながら悪戦苦闘しています。
背景を柄の激しいものにするとテキストが読みにくいですよね？
そこで、そのテキストを囲んで白抜き枠を作り、
その中にテキストを入れ込みたいのですが、
これはレイヤーにレイヤーを重ねるということですか？
レイヤーでテキストを囲み、背景を白にすることで
ひとつのレイヤーはできたのですが、そこへ入れるテキストは
どのようにして挿入すればよいのでしょうか？
説明下手ですみません。それとも、他によい方法はありますか？
あと、レイヤーに外枠を作ることはできますか？
レイヤーよりもレイアウトテーブルを使った方がよいのでしょうか？
質問攻めになってしまいましたがよろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： sou_sk
回答日時：2003/05/04 13:42

補足です。

もう少し DreamWeaver のレイヤーと互換性を持たせてみました。DreamWeaver で編集可能になっているハズです。(MXで確認)
下記に示したコードと前出のコード、DreamWeaver が生成するコードを比べてパラメーターを変えてみると面白いと思います。
DreamWeaver のプロパティインスペクタの値も所詮は HTML の値を反映しているだけなので最終的には基礎理解が必要となります。

<HEAD>
<style type="text/css">

</style>
</HEAD>
<BODY>
<div class="textContainer">hello world</div>
<div class="textContainer" style="top: 45px; left: 130px;">overlapped =P</div>
</BODY>

- 0
- 件

通報する

この回答へのお礼

たびたびありがとうございます。
すごく私の中で世界が広がってます！
と、言いつつ、さらに勉強せねば！！

通報する

お礼日時：2003/05/04 14:10

No.1

回答者： sou_sk
回答日時：2003/05/04 13:26

CSS でこんな感じでしょうか。

# 必要部分以外省略しています。

<HEAD>
<style type="text/css">

</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/pegin …
のようなしっかりした物をお勧めします。

参考URL：http://www.gihyo.co.jp/book/2003/234071/support/ …