- ベストアンサー
Web上のCSSの閲覧
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
NO.1のお礼欄も拝見しましたが、 chromeがあるなら chromeでそのページを表示して F12キー で解決。
その他の回答 (1)
- ORUKA1951
- ベストアンサー率45% (5062/11036)
firefoxにfirebugを使うのが便利です。 Firebug | Firefox アドオン | Mozilla Japan の公式アドオン紹介サイト ( https://addons.mozilla.jp/firefox/details/1843 ) どの部分にどのCSSが適用されているか・・どのように継承されているか、ちょっと変更したらどうなるかが皆わかる。
お礼
素早いご回答どうもです。 firefoxは使ったことがありません。 chromがいいと勧められたのでそちらは入ってます。 どのように継承されているのか分かるのは魅力ですね。
関連するQ&A
- 公開されてるページのCSSのソースを見たい
XHTMLとCSSでWEBページを制作したいのですが、IEではきちんと表示されるのですが、FIREFOX,SAFARIでは文字がずれてしまい、レイアウトが崩れてしまいます。そこで、他のページを参考に勉強させてもらいたいのですが、外部ファイルのＣＳＳのソースを見る事のできるブラウザはあるのでしょうか？
- ベストアンサー
- CSS
- lightbox風なもののCSSの使い方
http://www.e-magine.ro/web-dev-and-design/36/moodalbox/ ↑のサイトのlightbox風の機能を使って、HTMLファイルをページ遷移なしで読み込もうとしています。読み込むページと読み込まれるページは違うフォルダにあり、それぞれに違うCSSを適用しているのですが、どうやっても読み込まれるページで画像が取得できません。外部CSS内のbackgroundやHTML内のimgも表示されません。その他の配置に関するCSSはちゃんと適用されているので、なぜ画像だけが取得できないのかが理解できません。 読み込まれるページのCSSを読み込むページのheadで読み込んでみたり、読み込まれるページのHTMLに直接CSSを書いてみたりもしましたが、変化がありませんでした。CSSはおろか画像やリンクなどすべてを全ページで相対指定しているので、そういうところに差異が出たのかなと疑っています。 そこで、こういう風なツールを使った時、読み込まれるCSSは読み込むページと読み込まれるページのどちらで読み込むべきなんでしょうか。また、ページ遷移していない以上、読みこまれるページの相対指定も読み込むページからの指定とするべきなんでしょうか。よろしくお願いします。
- ベストアンサー
- JavaScript
- cssが長くなってしまう。他に良い方法は？
サイトのレイアウトをCSSで行なっているのですが、例えばノーマルなテキストの色・スタイル、リンクの色などの設定がぺージ（コンテンツ）ごとに違います。なので「pタグ内のスタイルはこれ」と絶対的に定めることが出来ません。 全ページでテンプレートを使用していて、それが既に外部CSSを1つ呼び出しています。コンテンツごとにCSSを用意するのがスマートに思えますが、そうすると外部CSSを複数指定することになります。どこかでこの方法は推奨されないと聞いたんですが、本当ですか？ もしそうである場合、その1つのCSSに全ページ分のスタイルを記述することになりますが、それもまたCSSのソースがバカでかくなってしまいます。 これはどうするべきでしょうか？
- 締切済み
- HTML
- NNだけCSSのリンクが切れる?!
<link href="common/top.css" rel="stylesheet" type="text/css"> 上記のようなソースで外部ファイルにリンクしてるのですが、 サーバにあげたときだけNNで見るとCSSが適用されません。（IEでは表示されます） ローカルでみれば、IEでもNNでも問題なく表示されるし、 外部ファイルをやめて、HTML内にCSSを記述すればサーバにあげても表示されます。 サーバ側に原因があるのか、ソースコードで解決できるのか どなたかこの現象の解決方法を教えて下さい！！
- 締切済み
- HTML
- 外部ファイルのCSSをタグ内に移動できるツールなどありますか？
YAHOOショップを使っているのですが、どうも外部CSSを呼び込むことが出来ないようです。タグ内に直接書き込めば解決できるのですが、タグごとにCSSを書き込まないといけないので、大変です。 そこで、制作は外部CSSを読み込みながらページを作成し、YAHOOショップにソースを挿入する直前に、ツールなどをつかって、一括で外部CSSを直接タグ挿入型に変換できたらかなり便利だと思っているのですが。 どなたかそんなツールややり方ご存知でないでしょうか？ ニーズはあると思うのですが・・・。宜しくお願いいたします。
- 締切済み
- HTML
- サイト上でCSSのソースの見方がわかりません。
サイト上で、CSS・HTMLのソースを見たいのですが、どなたかやり方を教えて頂けないでしょうか。 サイト上で右クリックでソースの表示をしてもHTMLしかでませんし、IEで設定→F１２開発者ツールをクリックしても、HTMLは見れるのですが、CSSが見れません。
- ベストアンサー
- CSS
- 閲覧用CSSと印刷用CSSを分けることは可能ですか？
現在、WEBページをtable無しのCSSで作成しています。 普通に閲覧する場合には問題ないのですが、 印刷しようとすると外部CSSで指定している画像が 印刷できないため、#fff部分が消えてしまいます。。 その為、media="screen"とmedia="print"で使い分けて 印刷時には#fffを#999などにしようと思ったのですが、 閲覧時にそれが反映されてしまって、黒い画像に#999文字になってしまい上手くいきません。 現在の記述は、 <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" href="style.css" type="text/css" media="screen"> <link rel="stylesheet" href="print.css" type="text/css media="print"> です。 色々サイトを見たところこの方法であってると思ってたのですが 何が間違っているのでしょうか？？ もしくは、他に印刷時も閲覧画面と同じように見せる方法があれば 教えてください。よろしくお願い致します。
- ベストアンサー
- HTML
- 外部ＣＳＳからクラスを呼び出すとき
ＣＳＳスタイルシート初心者です。 ネットショップを運営しているのですが、ほぼ同じレイアウトの商品紹介ページが多数あるため、外部ＣＳＳファイルを読み込ませて統一したいと思っています。 Ｈ１などのＨＴＭＬタグはちゃんと外部ファイルで設定して読み込ませることができるのですが・・・、 .text01{ text-align : left; margin-left : 10px; font-size : 14px; } 上記のように自分が作ったクラスをＨＴＭＬソースの中でどのように呼び出してよいのかいまいちわかりません。 本を読んでいると埋め込み方は、<div class="text01">・・・</div>のような感じで<div>でくくって記述するように書いてあるのですが、外部ＣＳＳの場合もこのような形で記述してよいのでしょうか？ ホームページビルダーを使っていて、上記のように指定すると、ＣＳＳがテキストに適用はされるのですが、なぜか上記で表示した部分が赤色でエラーになっていることを示してしまいます。 何か文法的に誤っている所があるのでしょうか？ どなたか是非アドバイスを宜しくお願い致します。
- ベストアンサー
- その他（プログラミング・開発）
- CSSのレイアウトがFirefoxで崩れてしまう
CSS初心者ですが教え下さい m(_"_)m 全体をCSSでレイアウトしているサイトを作成中です。 Blogのような3カラムで作成しております。 IEで表示すれば3カラムでレイアウトは崩れませんが・・・ Firefoxで表示するろ思いっきり崩れてしまいます （T_T) 1番右のボックスが右に表示さえれなく下に表示されてしまい、 フッダーが下ではなく、上にあがってきてしまいます。 サンプルページをアップしたので、IEとFirefoxを見比べて頂けると一目瞭然かと思います。 http://www.web.grrr.jp/bank/san/ CSSは3つで指定しています（テキストファイルでアップしてあります） http://www.web.grrr.jp/bank/san/styles-color.txt http://www.web.grrr.jp/bank/san/styles-site.txt http://www.web.grrr.jp/bank/san/styles-width.txt CSSハックは、あまり使いたくないので、CSSのタグを何とか修正して、 Firefoxでも綺麗に表示させたいのですが・・・ 修正箇所等がわかる方がいらっしゃいましたら、教えて頂ければ幸いです。 どうぞ宜しくお願いします m(_"_)m
- ベストアンサー
- その他（プログラミング・開発）
- VBAでWebページにセルの値を入力
エクセルＶＢＡを用いて指定したセルの値を 表示中のWebページにあるテキストエリア等(よくある入力フォーム)に入力する というものを作りたいのですが、 IEとの連携がよくわかりません。 似たようなもので、googleページを自動で開き、 テキストエリアに検索語句を入力し、ボタンを押す というもののソースがありました。 下記のページの３番です。 http://www.hatena.ne.jp/1137216805 これを応用できるかなと思ったのですが、 うまくいきません。 ・表示中のページに入力したいので ie.Navigate ("http://www.google.co.jp/") この部分が必要ありません。 呼び出したページではなく、表示中のページを ie.document.allの対象にするにはどうすればよいのでしょうか？ また、他にも良いやり方がありましたら、教えてください。 よろしくお願いします。
- ベストアンサー
- Visual Basic
お礼
choromのF12キーでもできるんですか。 一応firefoxは落として来ましたが、 まだインストはしてません。 どうも有り難うです。ちょっと試してみます。
補足
chromからソース表示でソースからでも開けました。 こちらの方が便利かもです。