• ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：ページ共通項目の１元管理）

ページ共通項目の１元管理

partitaの回答

  • partita
  • ベストアンサー率29% (125/427)
回答No.2

>cssファイル内においてのテキスト指定 テキストはHTMLになるので、CSSでの管理は不可能だと思います。画像については#1様の言うように、背景としての管理なら可能です。 「ページ共通項目の一元管理」にこだわるなら、 javascriptやPHPの仕様が主だと思います。 前者ならサーバーの知識不要なので簡単です。

yusuke_
質問者

お礼

ご回答ありがとうございます。 私はjavascriptやPHPの知識はほとんど無いのですが、 管理元ファイルにて、変数に文字列を代入し、HTMLファイルにてその変数を表示するイメージでしょうか？ もし、参考にできるサイトがあればご紹介頂けると幸いです。

この回答がついた質問に戻る
回答 全件
ベストアンサー
#3続きです。 javascriptは個人のパソコンにHTMLデ…
#2です。 ＞管理元ファイルにて、変数に文字列を代入し、HTML…
cssでの画像は基本的に「背景」として扱われます。（リスト等もあります…
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • CSSにおいて、画像とテキストの配置（回り込み）について

    ＣＳＳ＋ＨＴＭＬによって、ＨＰを作成しております。 ＨＰ作成ソフトはDream Weaver8です。 画像をテキストの左に回りこませる技術。 （例） ■■■■　テキストテキスト ■画像■　テキストテキスト ■■■■　テキストテキスト はスタイルシートで、画像にスタイルシートの ボックスのfloat定義でleftをつけて <div class="header" id="pageName"> <div id = "left"></div> <span class="style3">テキスト</span><br/> </div> このように設定すればよいのかと思ったのですが （headerは外部スタイルシートで、読み込み） 十分に画像をおくスペースがないと、 画像に、テキストがかぶってしまう場合や、（レイヤーが働いてしまう。）うまく、回り込まないのですが、どの設定が足りないのでしょうか。 ちなみにたっぷりとスペースをとった、ｄｉｖですと、 回り込ませることができたりしましたが、メニューdivなど 小さいスペースや縦幅が足りないとだめなのでしょうか。 画像のレイヤーの解除指定などをした方がよろしいのでしょうか。 まだ、初心者ですが、もし、ヒントだけでも、教えていた だけますと幸いです。

    • ベストアンサー
    • HTML
  • ページ内リンクのidって・・・

    超初級ですがHTML+CSSでホームページを作っています。 ページの最下段によく見る「TOPへ戻る」といったページ内リンクについてですが、 出発点に <a href="#abc">TOPへ</a> 到達点に <div id="abc"></div> という記述をし、この「abc」にスタイルを指定しても問題ないでしょうか？ （例えば到達点のdivには会社名を入れ、テキストの大きさや色を指定するとか） 語句などの使い間違いあるかもしれませんが、よろしくお願いします。

  • ページごとに背景画像を変更したいのですが

    HPを作成中です。 レイアウトは各ページ全く同じなのですが、ヘッダー部の画像のみカテゴリによって変えようと思っています。 cssで各画像を指定しbodyタグにidやclassで変更を試みたところエディターでは異なる画像が表示されますが、いざweb上で確認すると画像が表示されない状況でした。 そこで、各ページにそれぞれスタイルシートを用いたのですがやはり上手く反映されません。 現在HTML側は <link href="style_i.css" rel="stylesheet" type="text/css" /> cssファイルには「style_i.css」と名前を付け、該当部分は #header { background-image: url(images/mainimg-2.jpg); background-repeat: no-repeat; width: 100%; height: 655px; } となっています。 mainimgの変更のみです。 やはりエディターでは表示されますが、web上では画像が表示されません。 どのようにしたら画像変更できるでしょうか？ よろしくお願いいたします。

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

    現在スタイルシート勉強中です。 最近とある解説書を購入、さわりだけ読んでみたのですが 「中途半端にCSSを覚えた場合、divタグやclassタグを濫用したHTMLになってしまう。 しっかり覚えればdivタグはほとんど使用しなくても済むようになるだろう」 といった事が書かれていました。 私の場合、まさにHTML内はdivタグとclassタグでいっぱいです。 でも1サイトにCSSの外部ファイル1枚を使用（全てのHTMLに1つのCSSファイルを使用）した場合、 pタグやhタグ自体にスタイルを設定するとサイト内のタグ全てにその設定が反映されますよね？ となるとやっぱりclass分けするしか方法がないんじゃないかと思ったりしています。 皆さんは基本的CSSの設定方法はどのような感じですか？ classでいっぱい設定、または1サイトに何枚もCSSファイルを用意し、ページによってCSSファイルを 使い分けているとか、HTML内に直接CSSを書いてしまうとか（これは修正が大変だと思いますが・・・）。 沢山ご意見が聞けるとうれしいです。どうぞ宜しくお願い致します。

  • CSSのURI化の方法を教えて下さい

    HTMLでたった１ページのファイルに使用するスタイルシートのファイル数が ７つか８個になるため データURIスキームを用いて、CSS構文をそのまま 単一のウェブページのコードの内側にデータとして埋めこむことが できるのではないかと想像しています。 画像だけではなく、通常のスタイルシートの構文そのものを HTMLファイルのコードとして、埋め込むための 方法をお教え下さい。 よろしくお願いします。

  • Flashで作ったメニューを含む画像を全ページ共通にしたいのですが（外部ファイル読み込み）

    カテゴリにCSSがなかったのでここに投稿させて頂きます。外部ファイルを読み込ませて全てのページで共通の画像などを表示する方法を詳しく教えて頂きたいのですが。 Flash MXでリンクをつけたメニューを作ってそれを全てのページで表示させたいのですが外部ファイルを作って読み込む方法がスマートだと検索エンジンから辿り調べてみたら書いてあるサイトを多数見つけたのですが具体的にどう記述したらいいのかわからないのですが教えて頂けないでしょうか。.jsファイルを作る事や.cssファイルを作る事など書いてありましたが具体的に中身の記述がよく分かりません。どうかよろしくお願いします。

  • 外部ＣＳＳからクラスを呼び出すとき

    ＣＳＳスタイルシート初心者です。 ネットショップを運営しているのですが、ほぼ同じレイアウトの商品紹介ページが多数あるため、外部ＣＳＳファイルを読み込ませて統一したいと思っています。 Ｈ１などのＨＴＭＬタグはちゃんと外部ファイルで設定して読み込ませることができるのですが・・・、 .text01{ text-align : left; margin-left : 10px; font-size : 14px; } 上記のように自分が作ったクラスをＨＴＭＬソースの中でどのように呼び出してよいのかいまいちわかりません。 本を読んでいると埋め込み方は、<div class="text01">・・・</div>のような感じで<div>でくくって記述するように書いてあるのですが、外部ＣＳＳの場合もこのような形で記述してよいのでしょうか？ ホームページビルダーを使っていて、上記のように指定すると、ＣＳＳがテキストに適用はされるのですが、なぜか上記で表示した部分が赤色でエラーになっていることを示してしまいます。 何か文法的に誤っている所があるのでしょうか？ どなたか是非アドバイスを宜しくお願い致します。

  • FireFoxとIEで共通に中央揃えしたい

    お世話になっております。 表題どおりです。 スタイルシートでBody要素に text-align: center; を指定した状態で、 HTML本体にて <div></div>で囲まれた部分を中央に表示させるると、IEでは期待通り、表示されますが、FIREFOXだと 期待通り動作してくれません 何か良い方法は無いでしょうか？ IE 　　　　　DIVでかこまれた中身＜真ん中に行きます FOX DIVでかこまれた中身＜DIVで囲まれた部分は左によります。 囲まれて居ない　BODYに直接記されたものは、 両方とも中央で揃います。 説明が分かりづらいかと思いますが、 よろしくお願いします。

  • 複数のページで使用する共通のレイアウトについて

    なるべく(X)HTML＋CSSでサイトを作ろうと思っているのですが、 ヘッダ、フッタ、メニューなどの複数のページに及ぶ共通のレイアウト部分を CSSで一括で管理する方法はないのでしょうか？ JavaScriptでの方法は分かるのですが。。。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • HPで各頁に共通したヘッダーhtml全部をつけたい

    ホームページで各ページに共通したヘッダーを JavaScriptのdocument.write()を利用してつけようとしています。 OSはwindows Xpで、制作ツールは、alphaEDITを使用しています。 １．「header.js」ファイルを用意 document.write("<header.html>header"); ２．「index.html」を用意 <html> <head></head> <body> <script language="JavaScript" src="header.js"></script> 　　中身 </body> </html> ３．スタイルシートsample3.cssを用意 ４．header.html　を用意 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html><head><title>ヘッダー</title> <meta content="text/html; charset=shift_jis" http-equiv="Content-Type"> <link rel="stylesheet" type="text/css" href="sample3.css"> <script language="JavaScript" src="func.js"></script> </head> <body> （かなり長いので省略） <p>&nbsp;</p></body></html> これで「index.html」を実行しますと、 　　header　 　　中身 と表示されます。 headerという文字ではなく、header.html　全部を表示し、かつスタイルシートも反映させたいのですが、どうすればいいですか？ 教えて下さい。 参考にしたＵＲＬ 各ページに共通したヘッダー(フッター)をつける http://tagland.net/technique/common_header.html

注目のQ&A

カテゴリ

専門家に質問してみよう

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