• ベストアンサー

htmlやスタイルシートに詳しい方教えてください

juri_aの回答

  • juri_a
  • ベストアンサー率50% (3/6)
回答No.6

「ANo.5」です… 「ANo.1様への回答へのお礼」で良ければ…、を書き忘れました。 最初の質問では、 javascriptで、(IEならば、「document.body.clientWidth」などで) サイズを得てからでないと難しいと思います。 なので、「ANo.1様への回答へのお礼」で良ければ…、「ANo.5」を試してみてください。 を追記します。 連続でごめんなさい。

noname#101367
質問者

お礼

いえ 何度もありがとうございます 周りに詳しい人がいないのでみなさまのご回答とてもとてもありがたいです 意外に難しい事なんですね(/□\*) 簡単にできる事なのかと思っていました 今の時点でみなさまのご回答に私の知識が追いついて行っていません タグ丸写しでは何がなんだかわからなくなってしまいそうなので教えていただいたタグを解析して理解しながらどうしたらいいか勉強してみたいと思います また質問すると思いますのでどうかよろしくお願いします それにしてもみなさん すごいなぁ 私も教えられるくらいになりたいな

関連するQ&A

  • スタイルシートで背景画像を指定

    今までbodyタグで背景を指定していたのですが、スクロールバーや余白の設定で スタイルシートを使うことになったので、背景画像もスタイルシートで指定することにしましたが、何度やっても表示されません。 このように書いてみました。 <style type="text/css"> <!-- BODY { background-image:url(img/28.gif); } BODY { 余白の設定} BODY {スクロールバーの設定 } --> </STYLE> htmlと同じフォルダの中にある、imgフォルダの28.gifという画像です。 画像のパスは間違っていません。アップロードもしてあります。 スタイルシートの解説をしているサイトさんを見ても、 何が間違っているのかわかりませんでした。 なぜ背景が表示されないかわかる方いらっしゃいますか? 余白やスクロールバーはきちんと表示されているのですが・・・

    • ベストアンサー
    • CSS
  • スタイルシートと、背景色の設定について

    画像を画面の中心に表示させようと、以下の様に設定したら、背景色が白になってしまうのです。 この場合どのようにすれば、背景を黒く設定できるのでしょうか? 画像の背景が黒なので困っています(涙 <head> <style type="text/css"> <!-- body{background:fixed url(***.gif) no-repeat 50% 50%} --> </style> </head> <BODY bgcolor="#000000"> 宜しくお願いします。。。

    • ベストアンサー
    • CSS
  • スタイルシートに複数の画像を入力する方法を教えてください

    超初心者のため、以下のような初歩的な質問をすることをお許しください。 初心者向けのHP作成補助サイトを見ながら、Windowsのメモ帳で<html><head></head><body></body></html>などを入力しながらHP を作成しているのですが、どうしてもスタイルシートに複数の画像を 入力させる方法がわかりません。 現在、<head>と</head>の間に <style type="text/css"> body { background-color: #ffffff ; background-image:url("画像1.jpg"); background-repeat:no-repeat; background-position:100% 100%; background-attachment:fixed; } </style> という形で、ページの【右下】に200×400程度の画像を表示させているのですが、 このほかに同じ200×400サイズの画像を【左上】に表示させるには どのようにすればよいのでしょうか? <div>などのタグを使うことも考えたのですが、そうするとページを スクロールすると、左上の画像が上に流れていってしまう上に、中央に表示させている文字を隠してしまうので困っています。 私の知識不足なのでしょうが…。 左上の画像も右下の画像と同じようにページに固定して表示させる 方法を教えてください。 必要な情報かはわかりませんが、画像やhtmlはFFFTPでサーバーにアップロードして、Internet Explorerで表示しています。

  • テーブルにスタイルシートを使う方法

    こんにちは、テーブルタグのことで質問があります。 普通、背景画像でスタイルシートを使い右下などに固定するタグは <STYLE TYPE="text/css"> <!-- BODY { background-image : url("画像の名前"); background-repeat : no-repeat; background-attachment : fixed; background-position : left bottom; background-color:#FFFFFF; } --> </STYLE> となると思いますが、これは通常<head></head>の間にいれますよね。 これをテーブルの中で使うにはどうすればいいでしょう? テーブルの背景画像を右下や左下などに固定したいということなんですがそういうことはできますか? よろしくお願いします;

  • 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
  • 背景の表示が出来ません。

    ただいまHPを作成中なんですが、背景が表示されなくて困っています。 右下に背景固定して使いたいのですが・・・どう頑張っても表示されません; <HTML> <HEAD> <TITLE>タイトル</TITLE> <style type="text/css"> <!-- body { background-color: #FFFFFF; background-image : url("haikei.png"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat ; } --> </style> </HEAD> ココに文章 </BODY> </HTML> と言う風になってるんですが、 友人は間違ってないと言っていますが画像は表示されてないようです。 何かおかしな点とかはありますでしょうか。 自分のパソコン内(アップしないでマイコンピュータで見る)でだと普通に表示されています。 アップすると見れなくなるのです。 何故なのでしょうか (既に色々出ていたみたいですがよく解らなかったので^^;)

  • スタイルシートを二つ並べたら一つが反映されない

    ホームページを作りましたが、背景があまりに殺風景だったので、画面の両端に画像を縦に並べて貼り付けようとしました。 色々調べて <style type="text/css"> <!-- body{background:fixed url(画像名) #ffffff repeat-y top right} --> </style> というソースを<head>~</head>間に打ち込めば、右端に画像が並んで表示されると分かりました。 左にも同様に画像を並べようと <style type="text/css"> <!-- body{background:fixed url(画像名2) #ffffff repeat-y top left} --> </style> と、先ほどのソースの下に打ったところ、最初に書き込んだ右の画像が消え、左の画像のみがあらわれました。 右、左を書き換えてもやっぱり上のソースは消え、下のソースのみ反映されます。 どうすれば両端共に画像が出てくるようになるでしょうか?

    • ベストアンサー
    • 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">

  • 背景を固定する。

    <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を作ったものの、その画像が見れる人と見れない人が出てきてしまって困っています。もちろんインターネットオプションのユーザー補助は確認しています。自分の記述が悪いかもしれないので書いておきます。 <STYLE TYPE="text/css"> <!--    BODY {       background-image:url("c:/my documents/素材ファイル名");       background-position:50% 50%;       background-repeat:no-repeat;       background-attachment:fixed;     } --> </STYLE>