• ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：スタイルシートが反映されません。）

スタイルシートが反映されません

RAVE_Masterの回答

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

単純に <TYPE="text/css"> ← <STYLE TYPE="text/css"> のタイプミスでは？

shizuku
質問者

お礼

穴のあくほど確認したはずなのに、すみません！ ありがとうございました。

この回答がついた質問に戻る
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

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

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

    • ベストアンサー
    • HTML
  • safariだけcssが反映されない

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <link rel="stylesheet" href="base.css" type="text/css" media="screen,print" /> <title>あ</title> </head> <body> あ </body> </html> このhtmlはbase.css（以下）を読み込んでいます。 /* CSS Document */ @charset "Shift_JIS"; body { background-image: url(images/bg.jpg); background-repeat: repeat; } fire fox、operaでは背景画像images/bg.jpgが 表示されていますが、safariでは真っ白です。 index.html内に <style type="text/css"> <!-- body { background-image: url(images/bg.jpg); background-repeat: repeat; } --> </style> と記述してしまえば、safariでも当然のように反映されていますが、 これが外部ファイルになると反映されません。 今回の例は、おかしい部分を抽出してみたのですが、 bodyの背景が表示されない、一番上に10pxくらいの空白(マージン? )が生じるという不具合以外、他の要素はsafariでもちゃんと表示されていました。 floatを使ったページはsafariでは背景が表示されないと いう情報を得て、検査するために抽出してゆき、最後には こんなにシンプルになっても障害がとりのぞけないので、 どんな見落としがあるのか、教えて頂けないでしょうか？

    • ベストアンサー
    • HTML
  • 背景リピート―反映されない

    背景をリピートしたいのですが、反映されません。 ～HTML～ <body> <div id="container"> <div id="about"> ここに背景をリピートさせたい。 </div> </div> </body> ～CSS～ #container #about 　{ background-image: url(img/○○.jpg); background-repeat:repeat-y; } これだけでは駄目なのでしょうか？ 全くの無知で申し訳ありません。。

  • ビルダーでスタイルシートが反映されません・・・

    HPビルダーでホームページを作成、転送を完了させIEのブラウザで表示してみたのですが、スタイルが全く反映されていないようです。 いろいろ試してはみましたが初心者で上手くいきません。 何を調べてどういうふうに修正したらよいのでしょうか・・・ どなたか分かる方いらっしゃったら教えて頂ければと思います。 タグの知識は殆どありませんが、タグがおかしいのでしょうか？ こんな感じです。（一部抜粋） </SCRIPT> <LINK rel="stylesheet" href="style/inakano_style.css" type="text/css"> </HEAD> <BODY background="img/yellow-top4.jpg" style="background-repeat : no-repeat;"> <H1 class="uppermargin">Our Family</H1>

  • スタイルシートについて

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

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

    初めてのHP作りがんばっています 早速行き詰まりました（´～｀) 800×600くらいのサイズの1枚のオリジナルイラストの画像があるのですがそれを背景としたいです 下記のように記述いたしました <html> <head> <title>tamaringo world</title> <style type="text/css"> body { background-image: url(img/haikei.jpg); background-repeat: no-repeat } </style> </head> <body> </body> </html> 背景として画像は表示されますが左上に表示されてしまい右側と下に大幅な余白ができます 画面いっぱいに背景とするにはどうしたらいいでしょうか 横スクロールにはしたくないです できれば縦スクロールもなしで1枚の画像がポンと出るようにしたいです 初心者で質問の意図が分かりにくいかと思いますがアドバイスいただけると本当にうれしいです よろしくお願いします

    • ベストアンサー
    • HTML
  • 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
  • css（スタイルシート）について

    最近スタイルシートを勉強しているものです。 外部スタイルシートにて body { margin: 0; padding: 0; background-image:url(img/back.jpg); background-repeat:repeat-y; background-position: center; background-color:#333333; } という記述で、背景の設定をしました。 プレビューイメージは背景＝黒　中央＝白といったイメージです。 中央＝白の位置にテキスト文字を入れたいのですが、マージンもしくはパディング設定をしてしまうと ウィンドウのサイズによって背景と文字がずれてしまいます。 テキストの文章もcssで設定したい場合 どのように設定するのがよろしいでしょうか？ よろしくお願いします。

    • 締切済み
    • CSS
  • ｃｓｓの、一つ目の記述がHTML側に反映されません。

    スタイルシートの超初心者です。 <style type="text/css"> body {background-color:#87cefa;} h1 {background-color:#ffddaa;} と記述すると、bodyの記述がHTMLの表示に反映されず、順番を入れ替えても、一つ目になった記述が反映されません。 <style type="text/css"> } body {background-color:#87cefa;} h1 {background-color:#ffddaa;} 試しに、上の様に「}」を挟んだら反映されたのですが、こんなのをダミーで入れているのは、とっても納得が行きません。どなたか、原因を教えて頂けないでしょうか？

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

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する
質問する