- 締切済み
スタイルシートが見つかりません。
ワードプレスでオリジナルテーマをインストールしようとしたところ タイトルのようなエラーが出てしまいます。 解決方法はございますでしょうか？ index.php <html lang="ja"> <head> <title></title> </head> <body> </body> </html> style.css /* Theme Name:th Template:sample Author:th Author URI: http://lifeisdice.com/ Description: Lifeisdice */
- lifeisdice
- お礼率0% (0/1)
- PHP
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- H240S18B73
- ベストアンサー率65% (190/288)
関連するQ&A
- Wordpress スタイルシートが反映されない
Wordpress 初心者です。 「Wordpress レッスンブック」という本を見ながら学習中なのですが、サンプルテーマのスタイルシートで設定した内容が全く反映されません。ネットでいろいろ調べたのですが解決方法が見当たりません。 どのような原因が考えられますでしょうか？よろしくおねがいします。 Sample Theme: メインインデックスのテンプレート (index.php) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>;charset=<?php bloginfo ('charset'); ?>" /> <title><?php bloginfo('name'); ?><?php wp_title(); ?></title> <link rel="stylesheet" href="<?php bloginfo ('stylesheet_url'); ?>" type="text/css" /> </head> <body> <!-- ヘッダー --> <div id="header"> <h1><a href="<?php echo home_url(); ?>"> <?php bloginfo('name'); ?></a></h1> <p id="desc"><?php bloginfo('description'); ?></p> <p id="image"><img src="<?php bloginfo('template_url'); ?>/header.jpg" alt="*" width="760" height="200" /></p> </div> </body> </html> Sample Theme: スタイルシート (style.css） /* Theme Name: Sample Theme Theme URI: http://makoto.pcnoah.com/wp/ Dscription: This is my sample theme. */ /* ヘッダー */ div#header h1 {font-size: 1.875em; margin: 0; float: left; margin-bottom: 4px} div#header h1 a {text-decoration: none; color: #000000} div#header p#desc {font-size: 0.75em; color: #444444; margin: 0; float: right; margin-top: 18px} div#header {border-bottom: #a3d2f2; padding-bottom: 10; margin-bottom: 20px}
- ベストアンサー
- ホームページ作成ソフト
- wordpressでのスタイルシートの設定が反映しない
wordpressでオリジナルテーマを作っています。MySQLデータベースはロリポップで設定しました。 phpテンプレートでのheadでの設定で、 <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" /> とcssを外部スタイルとして適用する設定をし、bodyのヘッダーで、 <div id="header"> <h1><a href="<?php bloginfo('url'); ?>"> <?php bloginfo('name'); ?></a></h1> <p><?php bloginfo('description'); ?></p> </div> と ブログタイトルをブロック要素のdivでまとめて、スタイルシートでは、 div#header {background-color: #a8d1ff} と設定したのですが、まったくプレビューしても反映されません。 初心者なので、これが説明不足かどうかわからないので、 とりあえずここでいったん区切ります。 教えてくれる方いらっしゃいましたら、補足説明もしますので、 ぜひお手数ですが宜しくお願い致します。
- ベストアンサー
- ブログ
- スタイルシートの読み込みについて
はじめまして。 最近業務でスタイルシートを使うことになったのですが、 外部ファイルとしてスタイルシートを保存して、 HTMLの中にリンクの部分を書いておいても、 IEで表示したときに読み込んでくれません。（IEのバージョンは6.0です。） インターネットオプションのユーザー補助のところで、ホームページを見る場合は自分のスタイルシートを適用する、という設定にすれば読み込んで表示されるのですが、それをしないと、表示されませんし、 その設定にしてあっても、外部シートの上書きをした場合、更新ボタンをおしただけでは画面が変わらず、 いちいちインターネットオプションのところで 更新をしないと、外部シートの変更が反映されません。 どこがおかしいか分からず困っています。 「XPのせいでは？」とも言われましたが、 そうなのでしょうか？ ぜひご回答よろしくお願いいたします。 下はソースでリンクを書いてある部分です <html lang="ja"> <head> <title>SAMPLE</title> <link rel="stylesheet"href="detail_2.css" type="text/css"> <script type="text/javascript"> </head>
- ベストアンサー
- HTML
- 下記htmlでバリデーションをかけるとエラーがでるのですが、原因を教えてください。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>あげ</title> <meta name="description" content=""> </head> <body> <p><input type="image"></p> </body> </html> ------------------------------------------------ ↑こちらのソースを ↓下記バリデーションでチェックすると、エラーが出ます。 http://validator.w3.org/ <input type="image"> が原因なのですが、 inputタグに画像を使いたい場合は、CSSで背景を設定するしかないのでしょうか？ よろしくお願いいたします。
- ベストアンサー
- HTML
- 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
- ホームページ作成に関して
以下のように入力しましたがホームページに反映されません。 <DOCTYPE＿html> <html_lang="ja"> <meta name＝"author"content="名前> <meta name="description"content="内容の紹介 <meta name＝"keywords> <meta http-equiv＝"content-style-type content="css> <head> <meta http-equiv＝"content-script-type-cotent="utf-8> <meta＿charset="utf-8"> <title>名前＜title> </head>
- 締切済み
- PHP
- スタイルシートを取り込みたい
CSSファイルを作成して、それをHTML内に取り込みたいのですが、うまくいきません。 ベクターにある「ABStyle」なるソフトを使用して、CSSファイルを作成しました。 （ファイル名は「sf01」スタイル名も「sf01」です） これを新規のHTMLに取り込むようにしたいのですが、いろいろなHPを見てやってみるのですが、なにかがおかしいらしく、ちっとも読み込んでいないようです。 新規のHTMLの <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=x-sjis"> <meta name="GENERATOR" content="Microsoft FrontPage Express 2.0"> <title>無題 標準ページ</title> </head> <body bgcolor="#FFFFFF"> </body> </html> ここの、どこに、どうやって、すればいいのかお教えください。。。。 新規HTMLは「safety」というファイルにありまして、CSSファイルも同じフォルダーに入っております。 CSSの場所を指定すればいいと思うのですが、具体的な記述方法をお教えいただければ幸いです。（すみません、超初心者です） 当方W98,FPEは2.0です。 宜しくお願い申し上げます。
- ベストアンサー
- CSS
- CSSが読み込めません
今 HTML5とCSS3で個人のWebサイトを作成しており、 確認のためGoogleChromeにコピーして見てみましたが 外部CSSが全く反映されていません Windows8、保存している文字コードはどちらもUTF-8です <!DOCTYPE html> <html lang="ja"> <head> <link rel="stylesheet" type="text/css" href="style.css"/> <meta charset="UTF-8"> <meta name="keywords" content="〇〇"> <meta name="description" content="〇〇。"> <title>〇〇</title> </head> <body> <H1>〇〇</H1> <img src="〇〇.png"> </body> </html> CSS ソース↓ body ｛color: red; ｝ 何故こんな簡単なところでつまずいているのか自分でも分かりません どなたか分かる方いらっしゃいましたらご教授ください
- ベストアンサー
- CSS
- スタイルシートが反映されないのははなぜ？
○質問の主旨 下記のjQueryのコードにたいしてCSSを当てているつもりですが スタイルが反映されません。なぜでしょうか？ 詳しい方がいらっしゃいましたら、ご教示願います。 ○質問の補足 jQuery、CSSともにドットインストールで使われているコードを、 ほとんどコピーして使っています。 にも関わらず動画では、スタイルシートが反映されて、 自分で作ったスタイルシートの方では、反映されないことについて よく理解できません。 ドットインストール jQueryで作るスライドショー～#02 縮小画像を表示してみよう http://dotinstall.com/lessons/slideshow_jquery/25402 なお、動画で紹介されているコードと私が作成したコードでは、 以下の2点が異なります。 1.アップロードする画像ファイル名が異なる 2.スタイルは<head>タグの中にスタイルタグをあてるのではなく、 外部のCSSファイルから読み込む ○自分で作ったコード (index.html) <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>jQueryでスライドショー</title> </head> <body> <div id="thumbnails"></div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script> $(function() { var files = [ 'test1.jpg', 'test2.jpg', 'test3.jpg', 'test4.jpg', ]; var img; for(var i = 0; i < files.length; i++) { img = $('<img>').attr('src', files[i]); $('#thumbnails').append(img); } }); </script> </body> </html> (my.css) body { margin: 10px auto; text-align: center; } .thumbnail { width: 125px; height: 83px; } .thumbnail + .thumbnail { margin-left: 10px; } ○ドットインストールのコード (index.html) <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>jQueryでスライドショー</title> <style> .thumbnail { width: 125px; height: 83px; } </style> </head> <body> <div id="thumbnails"></div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script> $(function() { var files = [ 'food1.jpg', 'food2.jpg', 'food3.jpg', 'food4.jpg' ]; var img; for (var i = 0; i < files.length; i++) { img = $('<img>').attr('src', files[i]).addClass('thumbnail'); $('#thumbnails').append(img); } }); </script> </body> </html>
- ベストアンサー
- CSS
- ＴＤタグをスタイルシートを使って綺麗に簡単に書きたい。
二つほど質問があります… 以下のようなcssとhtmlを書きました。 ○stylesheet.css body{background-color:#ffffff} a:hover{color:#ff0000;text-decoration:none;background-color:#ffff00} ○XXX.html <html> <head> <meta http-equiv="text/html" contents="Shift_JIS"/> <link rel="stylesheet" href='../css/stylesheet.css' type="text/css"/> </head> <body> <table border> <tr> <th> </th> <th>XXXXXX</th> <th>XXXXXX</th> <th>XXXXXX</th> </tr> <tr> <th>XXXXXX</th> <td align="right"><a href="###.html">100</a></td> <td align="right"><a href="###.html">525</a></td> <td align="right"><a href="###.html">300</a></td> </tr> <tr> <th>XXXXXX</th> <td align="right"><a href="###.html">10</a></td> <td align="right"><a href="###.html">150</a></td> <td align="right"><a href="###.html">300</a></td> </tr> </table> </body> </html> 質問１ <td>は全て数値で、必ず右寄せ（align="right"）なのですが、 stylesheet.cssの中に書いてしまいたいのです…でも td{align:right} と記述しても右寄せしてくれません…どう書くのが正しいのでしょうか？ 質問２ マウスカーソルをリンクに合わせると文字が反転するようになっているのですが できる事ならtdタグの空白部分も反転したほうが良いと思うのですが td:hover{color:#ff0000;text-decoration:none;background-color:#ffff00} としても駄目で <a href="###.html"><td align="right">100</td></a> とするとリンクが無くなってしまいました… 上手く実行できるようになりますでしょうか？ できればJavaScriptを使いたくないんです… わがままな質問ですが、回答よろしくお願いします。
- ベストアンサー
- HTML
