• 締切済み

DreamweaverMXについて

DreamweaverMXを使っています。 サイトの両側(左と右)にイメージ画をボーダーの様にして配置したいと思い、次のようにやってみましたが出来ませんでした。  「CSSスタイルで body を指定し、背景を選択してから、左側なのでY軸にリピートと左を選びました。」 確かに左側にイメージが並んで背景として出来ました。 同じものを左右両方に作るにはどのようにすればよろしいのでしょうか。 質問内容がわかりにくいかもしれませんが、おわかりになる方がいらっしゃいましたら教えてください。

みんなの回答

回答No.2

スタイルシートを使用した、左右のパターン表示の例がありました。 下記URLを参考にしてください。

参考URL:
http://s-kyo.kiy.jp/style1.html
cutemomo
質問者

お礼

回答ありがとうございます。 教えてくれたURLを参考にさせていただきます。

全文を見る
すると、全ての回答が全文表示されます。
回答No.1

スタイルシート等を使うと、恐らくX軸やY軸に対する設定になってしまうので、 X軸だとウィンドウの上側、Y軸だとウィンドウの左側に自動で背景が表示されてしまうと思います。 テーブルを入れてしまえば、簡単に表現できないでしょうか? ページ内の一番上・一番左に100%(ピクセルで指定しない)の3列の表を作ります。 左右を10%、中心を80%、ボーダーを0%かnullにして、 左右のセル内に背景を設定してみてはいかがでしょう?

cutemomo
質問者

お礼

回答ありがとうございます。 そうですね、テーブルを使うと簡単ですね。 試してみます。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • 両端に背景画像を入れる

    画面の左右両端に、縦に繰り返しで、画像を背景として入れたいのですがどうすればよいのでしょうか? <STYLE type="text/css"> <!-- BODY { background-image : url("~~.gif"); background-position: left; background-repeat: repeat-y;} --> </STYLE> スタイルシートを使って、とりあえず左にだけ入れることは出来ました。 このあとを教えてください。お願いします。

    • ベストアンサー
    • HTML
  • DreamweaverMXでこんなタグを指定するには?

    DreamweaverMXで以下の通りのタグを指定するには(直接タグを打ち込まないで)どうしたら良いのでしょうか? <span style=background:red>文字</span> 蛍光マーカーで引いたように、部分的に背景色を変えるようにしたいのです。 スタイルシートだと思ってCSSウィンドウから背景を選んで色を指定したら全体の背景色が変わってしまい、失敗。 こんな簡単なタグなのにDreamweaverで指定できないのもおかしな話だと思って色々いじくったんですが、わかりませんでした。 どなたか教えてください。

  • 2つ画像を背景にするスタイルシートってある?

    1つの画像をスタイルシートで背景にするのは、知ってるんですが、2つの画像を同じページに背景にはできるのでしょうか?下記は1つの画像を背景にするスタイルシートです。これのどこかをいじれば可能なのでしょうか? <STYLE TYPE="text/css"> <!--    BODY {       background-image:素材のURL;       background-position:0% 100%;       background-repeat:no-repeat;       background-attachment:fixed;     } --> </STYLE>

    • 締切済み
    • CSS
  • 画像のソースを教えてください。

    はじめまして。 ホームページ編集のときに使う画像のソースがわからなくて困っています。 画像を左に固定するのは <style type="text/css"> <!--body{background-attachment:fixed; background-image:url(※); background-repeat:repeat-y; background-position:left;}--> </style> でわかっているのですが、左右に固定するソースがわかりません。 恐らく最後のleftの部分を何かに変えるといいのかな?とは思うのですが。 教えていただけるとありがたいです・

    • ベストアンサー
    • HTML
  • 背景を固定する。

    <HTML> <HEAD> <TITLE>・・・</TITLE> <STYLE TYPE="text/css"> <!-- BODY { background-image: url(画像のURL); background-repeat: no-repeat; background-position: right bottom; } --> </STYLE> </HEAD> <BODY> ・ ・ ・ </BODY> </HTML> このタグをいれても、背景が表示されず真っ白です。 何か間違ってるところがありますか?

  • HP作成 スタイルシート

    ビルダーを使ってHPを作成しています。そこで、ページの背景の上だけにgif画像を指定したくスタイルシートを追加してみたのですがうまくなりません。ビルダーのHTMLに追加しているのですが追加する場所を間違えているような気がします。ビルダーで背景色を#cc0000設定しています。 <TITLE></TITLE> <STYLE type="text/css"> <!-- BODY { background-image: url("image/gurad1.gif"); background-repeat: repeat-x } --> </STYLE> <LINK rel="stylesheet" href="image/table.css" type="text/css" id="_HPB_TABLE_CSS_ID_"> </HEAD> <BODY bgcolor="#cc0000" link="#ffffff" alink="#009900">

  • 画像にオンマウスで背景画像を固定

    画像にオンマウスで背景を水平方向+上に固定するにはどうしたら良いのでしょうか? 今現在使用しているタグだと垂直水平方向に繰り返しになってしまいます。 使用しているソースは以下のとおりです。 ---------------------------------- </HEAD> <BODY> <TABLE cellspacing="0"> <TBODY> <TR> <TD onmouseover="body.style.background='url(/image/001.jpg) fixed repeat';" onmouseout="body.style.background='';"><IMG src="/image/001.jpg" width="200" height="200" border="1"></TD> </TR> <TR> <TD onmouseover="body.style.background='url(/image/002.jpg) fixed repeat';" onmouseout="body.style.background='';"><IMG src="/image/002.jpg" width="200" height="200" border="1"></TD> </TR> <TR> <TD onmouseover="body.style.background='url(/image/003.jpg) fixed repeat';" onmouseout="body.style.background='';"><IMG src="/image/003.jpg" width="200" height="200" border="1"></TD> </TR> </TBODY> </TABLE> </BODY> </HTML> ---------------------------------- 「fixed repeat';」を「fixed repeat-x';」に変えてみても変化なしでした。 また、styleに <!-- BODY { background-attachment: fixed; background-repeat: repeat-x; background:position:top} --> を書いてみたりもしたのですが変化なしでした。 ご存知の方、詳しい方アドバイスお願いします。

    • ベストアンサー
    • HTML
  • DreamWeaverMXでスタイルシートを使わない方法

    DreamWeaverMXを使用しています。 文字に色をつけたり大きさを変えたりするときに、自動的にスタイルシートでタグが入力されてしまいます。 例えば赤文字にしたときに <font color="red">赤い文字</font> こうしたいのに <head> <style type="text/css"> <!-- .style1 {color: #FF0000} --> </style> </head> <body> <span class="style1">赤い文字</span> </body> こういうタグが入ってしまいます。 これをHTMLだけのタグがはいるようにしたいのですが、そういう設定方法はないでしょうか? ご存知の方がいましたらよろしくお願いします。

  • 背景画像固定タグ

    こんばんは。 背景画像を右一列や左一列に固定をしたいのですが、今まで出来ていたのに何故か出来なくなってしまいました。 使用しているサーバーは2スタイルです。 画面全体に表示させることは出来ました。 <STYLE type="text/css"><!-- body{ background-image:url(アドレス); background-attachment:fixed; background-repeat:repeat-y; background-position:right;} --></STYLE> このタグで間違いはないと思うのですが表示できません。 HEADの間に入れています。 お力を貸してください。宜しくお願い致します。

  • 間違い。

    このHTMLは間違ってますか? ページを表示しても真っ白になります。 背景を右端に固定したいのですが。。 <HTML> <HEAD> <TITLE>・・・</TITLE> <STYLE TYPE="text/css"> <!-- BODY { background-image : url("画像のURL"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat; } --> </STYLE> </HEAD> <BODY> ・  ・ </BODY> </HTML>

    • ベストアンサー
    • HTML

専門家に質問してみよう