- ベストアンサー
<body>から始まるhtml編集にｃｓｓを適用する
html初心者です。 ASPを利用しネットショップを作成しています。 トップページの上段部分を作成しているのですが、 ページを編集する画面上下に、<body></body>が既に書き込まれており、その中のフォームにhtmlを記述するようになっています。 <body></body>内にスタイルシートを適用することは できるのでしょうか？ 画面上には<head>内の編集はできないと書いてあります。 調べてもcssの適用の方法は<head>内に記述する、リンクを貼るという方法しか見つけられません。 初心者で変わった変な質問で申し訳ありませんがどうぞよろしくお願いします。
- puck8610
- お礼率48% (12/25)
- その他（インターネット・Webサービス）
- 回答数2
- ありがとう数4
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
姑息な方法でよければ・・・ <body> <script> window.onload=function(){ var css=document.createElement("link"); css.setAttribute("rel","stylesheet"); css.setAttribute("type","text/css"); css.setAttribute("href","hoge.css"); document.getElementsByTagName("head")[0].appendChild(css); } </script> test </body> というように、hoge.cssを読み込んで使う。
その他の回答 (1)
- panto-maim
- ベストアンサー率89% (476/533)
<body>内の要素にstyle属性で指定する、という方法があるのですが、 参考：要素に直接スタイルシートを指定する http://www.tagindex.com/html_tag/attribute/style.html あらかじめ<head>内にスタイルシート言語が指定されていないと使えないかもしれません。 ASPを利用していて<head>内の編集ができないとのことですが、 ASPによる<head>内の生成がどのようになっているか確認してみてください。
お礼
週明けに聞いてみます。 ありがとうございました。
関連するQ&A
- css の適用について
HP作成の勉強に、ローカル内で、htmlとcssを試しに書いてみたところ、 cssが適用されず、困っております。 外部のcssファイルを読み込む場合も、htmlの<head>や要素に<style>を追加する場合も適用されません。<head>内でlinkや属性指定の記述もしており、パスもあっています。 W3Cの検証も済んでいます。htmlとcssのコーディングも一致させています。 作成の環境は、Mac OS X version 10.9.4で、Emacsで書いています。 また、どのブラウザでも適用されていません。 他に考えられるとしたら、どのような原因で適用されないのでしょうか？ 教えて頂きたいと思います。よろしく御願いします。
- ベストアンサー
- Mac
- HPビルダーでCSSを使ってフレームごとにデザイン変更
HPビルダー8でフレームを使って左、右下(メイン)、右上での3画面でHPを作成中です。 左・右上・右下でそれぞれ違う背景を違うデザインで使いたいと思っています。 スタイルシートを利用中なのですが調べてもよく理解できずわかりません。 今はビルダーのスタイルシートの細かい指定方法がわからないので直接 手打ちでCSSファイルにメインページのデザインを入れて、 左・右上のフレームページはheadタグ内に個別に入れています。 できれば作業が簡易化できるようにフレームごとに違うデザインのCSSを それぞれ適用させたいとおもうのですが具体的な方法を教えていただけますか？ CSSファイルなどを直接いじる方法でもHPビルダーの機能を使う方法でもどちらでもかまいません。 CSS系のサイトは一通り見てみたのですがさっぱりわからないので 具体的に記述例を教えてくれると大変ありがたいです。よろしくおねがいします。 CSSファイルの記述(一部) body{background-image : url(../○○.jpg);} 左ページの記述 <head> <STYLE type="text/css"> <!--body{background-color:#ffffff}--> </style> </head> 右上ページの記述 <head> <STYLE Type="text/css"> <!--body{background-color:#808080}--> </style> </head>
- ベストアンサー
- ホームページ作成ソフト
- かなり困ってます！CSSが適用されません…
WindowsXPでDreamweaverMXを使っています。 body {font-size: 12px;} .px10 {font-size: 10px;} という内容の外部スタイル「css.css」を作り、テンプレートに「css.css」を適用しました テンプレートを元にページをつくり、部分的に <td class="px10">文字列</td> といった感じで適用しました。 Dreamweaver上ではちゃんと適用されているのですが、ブラウザでみてみると文字が小さくなっていません。 bodyの12pxはブラウザ上でもちゃんと適用されています。 何がいけないのか、わかりません。どなたか解かるかたがいたらお知恵をかしてください。
- ベストアンサー
- HTML
- CSSのセレクタに指定するbodyと*の違い
CSSでhead要素にstyle要素を記述する際、セレクタにbodyを指定しても*を指定してもすべての要素に適用されますが、違いがあるのでしょうか、教えてください。
- ベストアンサー
- HTML
- このcssが適用されない理由を教えて下さい
下のcssはaタグにcls1クラスが適用されません。 div.cls1を.cls1とすると適用されます。 要素名.クラス名で「要素以下の指定クラス」を対象に出来る筈なのですが 何か記述方法を間違えているでしょうか。 ここから<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< <html> <head> <style> div.cls1 { display: block; border: 1px solid red; width: 200px; height: 100px; } </style> </head> <body> <div> <a class="cls1" href="www.google.co.jp">google</a> </div> </body> </html> ここまで<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
- ベストアンサー
- CSS
- 外部cssの記述方法について
よろしくお願いします。 cssを外部リンクにしたくご質問をさせて頂きました。 まず、始めにフォルダの構成ですがWフォルダというのがあります。 その中に、１というフォルダがあります。 その１フォルダの中にトップページが入っています （直下に置きたくないため） そのトップページのcssを外部リンクにするために以下の記述を<head>～</head>内にしました。 <link href="1.css" rel="stylesheet" type="text/css" media="all" /> ←inde.htmlにのみ適用したいcss <link href="commonness.css" rel="stylesheet" type="text/css" media="all" /> ←全てのページに共通に適用したいcss 上記の記述で、cssファイルは１フォルダの中に保存しました。これですとcssは適用されるのですが これを１フォルダの中にcssフォルダを作成して、cssファイルを cssフォルダに保存して以下のように記述すると cssが適用されなくなってしまいます。 <link href="css/1.css" rel="stylesheet" type="text/css" media="all" /> ←inde.htmlにのみ適用したいcss <link href="css/commonness.css" rel="stylesheet" type="text/css" media="all" /> ←全てのページに共通に適用したいcss また、別のページですが、１フォルダの中にaというフォルダを作成してtest1.htmとtest2.htmlが入っております。 その際ですが、commonness.cssは共通で適用させたく、更にはtest1.htmとtest2.htmlにのみ適用させたいcssもあるのですが htmlへの記述方法がいまいち理解出来ずご質問をさせていただきました。 私は、Wというフォルダにcssというフォルダを作成して、その中に全てのcssファイルを保存しようと考えていたのですが、考え方が間違っておりますでしょうか？ 共通に適用させたいページが保存してあるフォルダの中全てに、commonness.cssファイルを保存した場合、 いざ、編集する際に全てのcssを編集しなければならなく、それでは外部cssにする意味が無いと思うのですが やはり、そうでしょうか？ うまく、説明が出来ないのですが、どなた様かご指導の程よろしくお願いします。
- ベストアンサー
- HTML
- <body>内のJavascriptでCSSを読み込んで適用させたい
理想：http://iswebmag.hp.infoseek.co.jp/sample171.html ※↑IEでは動作するけどFFで動作しない こんな感じの動作をページ読み込み時に自動で実行したいのですが、 FireFox3では上手く動作しないようです。 何かいい方法はありませんでしょうか？ html <body> <script type="text/javascript" src="roadcss.js"></script> </body> ＿＿＿＿＿ roadcss.js function roadcss(){ document.createStyleSheet('http://file.tubamesound.blog.shinobi.jp/clap.css'); document.getElementsByTagName('center')[1].className="hide";} roadcss(); もちろん<head>内で直接読み込めばいいよとかはなしですよ？
- ベストアンサー
- JavaScript
- [Dreamweaver8]テンプレートに外部CSSを適用→HTMLドキュメントにCSSが適用されないのは何故？
Dreamweaver8初心者で、現在勉強中の者です。 Dreamweaverのテンプレート機能を使った、外部CSSの設定方法についてお尋ねします。 ディレクトリは現在、以下のような状態です。 [サイト -SampleWebSiteFolder-] ｜―[Templates] ｜ ｜―[style.css] ｜ Ｌ―[template.dwt] ｜ Ｌ[index.html] ※拡張子の無いものはフォルダを表します。 index.htmlファイルへCSSを適用させたいのですが、適用されないで困っています。 cssは、外部スタイルシートファイルを用意(style.css)し、テンプレート(template.dwt)に対して、CSSスタイルパネルの[スタイルシートを添付]ボタンより設定しています。 結果、テンプレート(template.dwt)に対してはCSSが適用されるのですが、HTMLドキュメント(index.html)にはCSSが適用されていない状態です。 テンプレートを用いて外部スタイルシートにてサイトを管理する場合、上記のケースにおける問題の原因は何でしょうか。 ちなみに、テンプレート[template.dwt]及び、HTMLドキュメント[index.html]の<head></head>内には、以下のソースが記述されています。 <link href="style.css" rel="stylesheet" type="text/css" />
- ベストアンサー
- ホームページ作成ソフト
- cssで body{margin: 0 0 0 0;}と記述するとそれ以下のタグでは・・
お世話になります。 body { margin: 0 0 0 0;} cssファイルに上記のように記述されているとしたら bodyのなかに書いてあるpタグにも適用されるのでしょうか？ 教えてください。お願いします。
- ベストアンサー
- HTML
- cssファイルを適用する指定の方法
webページを作成するのにcssを学習しています フォルダ構造は aitikenフォルダの中にcss_mystyle.cssがあります これを aitiken_nagoyasi_nakaku.html に適用したいのですが href=**** の部分はどのように記述すればよいのでしょうか いっそ cssフォルダをnagoyasiフォルダの中にコピーしてしまおうかとも思いますが 今後のためにも覚えておきたいのでよろしくお願いします
- ベストアンサー
- ホームページ作成ソフト
お礼
そんなやり方もあるんですね、深い…。 教えていただきありがとうございます。