HPの背景画像を動かさずスクロールしたい

このQ&Aのポイント
  • ジオシティーズでHPを作っていたのですが、スクロールした時に背景画像を動かさず文字だけ移動したいのですが、うまくいきません。
  • 初心者ですので難しいことがよくわからないので簡単に説明・回答いただけるとうれしいのですが・・;
  • 念のためHPの上部のhtmlを貼っておきます
回答を見る
  • ベストアンサー

HPの背景画像を動かさずスクロールしたい

ジオシティーズでHPを作っていたのですが スクロールした時に 背景画像を動かさず 文字だけ移動したいのですが、 いろいろタグを探し回ったりして試しに貼りつけたりしたのですがうまくいきません。 初心者ですので難しいことがよくわからないので簡単に説明・回答いただけるとうれしいのですが・・; 念のためHPの上部のhtmlを貼っておきます <html> <head> <meta http-equiv="Page-Enter" content="revealTrans(Duration=2,Transition=23)"> <meta http-equiv="content-type" content="text/html; charset=EUC-JP"> <title>LINK</title> <meta name="generator" content="Namo ActiveSquare 6.0.0.49"> <base href="http://www.geocities.jp/ユーザー名/"></head> <body text="white" link="white" vlink="white" background="http://www.geocities.jp/ユーザー名/147896325.jpg" > &nbsp;<p style="line-height:150%;">

質問者が選んだベストアンサー

  • ベストアンサー
回答No.2

すみません、</head>を二つ入れていました。訂正します。 <html> <head> <meta http-equiv="Page-Enter" content="revealTrans(Duration=2,Transition=23)"> <meta http-equiv="content-type" content="text/html; charset=EUC-JP"> <title>LINK</title> <meta name="generator" content="Namo ActiveSquare 6.0.0.49"> <base href="​​http://www.geocities.jp/​​ユーザー名/"> <style TYPE="text/css"> <!-- BODY { background-image: url(​http://www.geocities.jp/​​ユーザー名/147896325.jpg); background-attachment: fixed; } --> </style> </head> <body text="white" link="white" vlink="white"> &nbsp;<p style="line-height:150%;">

hamu9214
質問者

お礼

なんとか無事スクロールできるようになりました 回答ありがとうございました^^

hamu9214
質問者

補足

早速の回答ありがとうございます。 ユーザー名を置き換えて試して見ましたが 画像が表示されず 成功したかわからない状態でした。 初歩的な質問になるかもしれませんがURLの#8203はそのまま仕様していいのですよね?;

その他の回答 (1)

回答No.1

CSSを使うと良いですよ。恐らく以下で動くかと思います。↓ <html> <head> <meta http-equiv="Page-Enter" content="revealTrans(Duration=2,Transition=23)"> <meta http-equiv="content-type" content="text/html; charset=EUC-JP"> <title>LINK</title> <meta name="generator" content="Namo ActiveSquare 6.0.0.49"> <base href="​http://www.geocities.jp/​ユーザー名/"></head> <style TYPE="text/css"> <!-- BODY { background-image: url(http://www.geocities.jp/​ユーザー名/147896325.jpg); background-attachment: fixed; } --> </style> </head> <body text="white" link="white" vlink="white"> &nbsp;<p style="line-height:150%;">

関連するQ&A

  • 背景画像を貼り付けるhtmlコードはどこに貼り付ければいいんですか?

    コードはわかるんですが、どこに貼り付けたらいいのか教えてください。 ようするに最初は <html> <head> <meta http-equiv="content-type" content="text/html; charset=EUC-JP"> <title>無題</title> <meta name="generator" content=" 6.0.0.49"> </head> <body bgcolor="white" text="black" link="blue" vlink="purple" alink="red"> <p style="line-height:150%;">&nbsp;</p> </body> </html> となっているんですが、このなかのどこに挿入したらいいのかおしえていただきたいです。

  • HPのソースに詳しい方居ますか

    私なりに作成して見たのですけど可笑しいところなどや 修正しないと駄目なところありますか もしあれば何処をどうすればいいのかなどを教えてもらえると嬉しいのですけども よろしくおねがいします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD><!--ひらがな 漢字コード識別用--> <META NAME="ROBOTS" CONTENT="INDEX, NOFOLLOW"> <meta http-equiv="Page-Enter" content="revealTrans(Duration=4,Transition=23)"> <meta http-equiv="Page-Exit" content="revealTrans(Duration=4,Transition=23)"> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta name="keywords" content="***,***,***,***,***,キーワ-ド,***,***,***,***,***,***"> <meta name="description" content="記述内容"> <TITLE>(仮)OKwab ***コンピューター・インターネット・パソコン・PCサイト ***</TITLE>

  • METAタグについて

    自分で管理しているホームページの飾り付けをしようとし、以下のMETAタグを追加しました。 ------------------------------------------------------- <META HTTP-EQUIV="Content-Type" CONTENT="text/html;CHARSET=x-sjis"> <X-SAS-WINDOW TOP=0 BOTTOM=627 LEFT=0 RIGHT=1012> <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=1)"> <meta http-equiv="Page-Exit" content="revealTrans(Duration=2.0,Transition=2)"> <meta http-equiv="Site-Enter" content="revealTrans(Duration=2.0,Transition=4)"> <meta http-equiv="Site-Exit" content="revealTrans(Duration=2.0,Transition=0)"> (このタグを追記すると、ページをロード、リンクアウトしたときに面白いページの読込みをします。) ------------------------------------------------------- 上記タグを追加し、対象ファイルを契約プロバイダのWebサーバへアップロードし、 このページを動かしたところ、うまく動作されないようでした。 試しに、プロバイダで定められているCGI専用のディレクトリ(cgi-bin等)に移し 動作させたところ、うまく動作されるようでした。 このMETAタグを追加したHTMLファイルをCGI専用ディレクトリ以外の ディレクトリでも動作させたいようにしたいのですが、可能なものなのでしょうか?

    • ベストアンサー
    • HTML
  • outlook expressでトランジション効果を使うには?

    outlook express 6.0のメール本文で「トランジション効果」を使いたいのですが、何か良い方法はないでしょうか? トランジション効果とは、とほほさんのページでは、 http://www.tohoho-web.com/wwwxx056.htm に説明があり、「ページ移動のトランジションを指定するには、<head>~</head> の間に下記のいずれかの <meta> タグを記述します。」とありますが、これをメール本文のソースの中に記入してもうまく出来ません。 どうしたら出来るのでしょうか? <meta http-equiv="Page-Enter" content="blendTrans(Duration=0.8)"> <meta http-equiv="Page-Enter" content="revealTrans(Duration=0.8,Transition=23)">

  • メタタグに順番はありますか?

    お世話になります。 会社のHPを編集(?)しているのですが、メタタグは<head>~</head>内でしたら順番は考えなくてもよろしいでしょうか? <title>~</title> <meta name="Keywords" content="" /> <meta name="Description" content="" /> は10番目以内が望ましいとのことなのですが、作成してもらったHP上記より前に <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Style-Type" content="text/css" /> この3つが入ってます。 これより前にキーワードなどを持ってきても大丈夫ですか?

    • ベストアンサー
    • HTML
  • スマホで見るとリンクが中央に来ないです

    スマートフォンサイトを作っているのですがタイトルのとおり、スマホでリンクの文字が 少し左寄りになってしまい中央に来なくて困っています。(添付ファイルがそうです) 出来る限りで色々試してみましたが、自分の力量では駄目でした。 これは中央に持って来る事は出来るのでしょうか? 宜しければお教え頂けると幸いです。 ソースは詳しくないので色々間違っているかもしれませんが、こちらになります。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=shift_jis"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-style-Type" content="text/css"> <meta name="generator" content="HomePage Creator v5.0J"> <meta name="viewport" content="width=device-width"> <title>ひとがた</title> </style> </head> <BODY text="#000000" link="#000000" vlink="#000000" alink="#000000"> <CENTER><img hspace="0" src="http://oht.holy.jp/e/k_h/3.jpg" align="baseline" border="0"> <br><br> <div align="center"><a href="http://oht.holy.jp/k/h">戻る</a></div> </center> </body></html>

  • METAタグなどについて

    ミケネコ研究所にてHPを採点してもらい修正した結果、 ようやく100点をとることができましたが <HEAD>内が下記のようになりました。 私として気になることが2点あります。 1.<META http-equiv="~が3つあって良いのでしょうか。 2.index,followは大文字小文字を区別するようですが どちらが良いのかわかりません。 1.2.どちらの回答をいただいても結構です。 <HEAD> <LINK rel="Index" href="index.htm"> <META http-equiv="Content-Type" content="text/html; charset=shift_jis"> <META http-equiv="Content-Script-Type" content="text/javascript"> <META http-equiv="Content-Style-Type" content="text/css"> <META name="robots" content="index,follow"> <META name="description" content="×××"> <META name="keywords" content="×××"> <TITLE>×××</TITLE> </HEAD> ご回答よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • ホームページ作成

    背景を右下に設定する時は <style type="text/css"> <!-- body{ background-image: url(背景画像のURL); background-attachment: fixed; background-repeat: no-repeat; background-position: right bottom; } --> </style> を<head>から</head>までに書けばいいと書いてあったので <html> <head> <meta http-equiv="content-type" content="text/html; charset=EUC-JP"> <title>無題</title> <meta name="generator" content=" 6.0.0.49"> <style type="text/css"> <!-- body{ background-image: url(背景画像のURL); background-attachment: fixed; background-repeat: no-repeat; background-position: right bottom; } --> </style> </head> <body bgcolor="white" text="black" link="blue" vlink="purple" alink="red"> <p style="line-height:150%;">&nbsp;</p> </body> </html> と書きましたがダメでした。 どこが間違っていますか? またどうすれば直るか教えてください。 当たり前ですが、「画像URL」のところはちゃんとアドレスに置き換えました。

  • 検索エンジンについて

    9月の終わりにgoogle検索に登録したのですが 今日検索をかけても自分のHPがひっかからなくて困っています <HTML><HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <Meta Name="description" Content="こちらに説明"> <Meta Name="keywords" Content="こちらに,検索,タグを入れてます"> <Meta Name="ROBOTS" Content="INDEX"> <TITLE>HPタイトル</TITLE> <style type=text/css> </HEAD><BODY BGCOLOR="#ffffff"> こちらに内容 </BODY></HTML> このように記述しています なぜ検索にひっかからないのかどうしてもわかりません 原因がわかる方がいらっしゃいましたら教えてください

    • ベストアンサー
    • HTML
  • HTML 難しいです。お助けて下さい

    自分のHPをキーワード検索でひっかかる様にしたい。 サイトの紹介文章を載せたい。と願い、 <head></head>の中に何を入れるべきか以前 相談し ご返答を頂きました。 当時のやりとり↓ http://okwave.jp/qa/q6521295.html それらを参考にしながら作成したつもりのマイHPが、、この有様です。。 最初のページ内の文章(本当は日付の下に文章書いてます)含め、 ソースを確認すると、日本語の部分が化けてしまっています。 本当は<head>内には以下の文章を登録したのですが・・・ <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="content-style-type" content="text/css"> <meta http-equiv="content-script-type" content="text/javascript"> <meta name="keywords" content="イラスト,キャラクター,デザイン,ロゴ,キャラクターデザイン,イラストレーション,忍吉,オリジナール,オリジナル"> <meta name="description" content="おもしろカッコ良い!?を目指すイラスト系サイトです"> <title>オリジナール</title> </head> 何が問題なのでしょうか。。 数日 調査してはみたものの、、、分かりません。 どうかご助言を宜しくお願いします。

    • ベストアンサー
    • HTML

専門家に質問してみよう