• 締切済み

Dreamweaverのcssとテンプレート

こんにちは。 Dreamweaverを使用しているのですがどうしてもわからないことがあります。 cssファイルを更新(文字の大きさ・色等)するとtemplate.dwtファイルには反映される(A)のですが、template.dwtファイルを元に作成しているhtmlファイルには反映されません。(B) template.dwtファイル内の文章を変更したらhtmlファイルには反映されます。(C) <現状> (A)cssファイルとtemplateファイルはつながっている(=反映される) (B)templateファイルとhtmlファイルはつながっている(=反映される) (C)cssファイルとhtmlファイルはつながっていない(=反映されない)←ここで詰まってます 1か月ほど前に使用した時は問題なく反映されていました。 (cssを変更後、通常通りhtmlにも反映される) 何が原因なのかさっぱりわかりません。 <使用環境> Dreamweaver CS4 Windows7 IE、Chrome 非常に困っています。 どこをどうすればよろしいでしょうか。 どうぞよろしくお願いします。

みんなの回答

回答No.1

html中のcssへのリンク記述は合ってますか? 1ヶ月前には反映されていたようですが、それ以降フォルダを追加してませんか? 確認してみてください

pyonkichi_pyon
質問者

お礼

自己解決しました。 原因はヘッダー部分に入れいた <base href="〇〇〇.html">で、〇〇〇を絶対参照にしていたことです。 ご覧いただいた方、ご回答いただいた方どうもありがとうございました。

pyonkichi_pyon
質問者

補足

> icerubさん 早速のご回答ありがとうございます。 新しくフォルダーは作成しておりません。 テンプレートとcss、htmlファイルとcssファイルの位置関係も変わっていません。 cssファイル1行目に「@charset "utf-8";」も入れています。 cssを変えるとテンプレートは変わるのにhtmlは変わりませんが、Dreamweaver内のデザインビューではきちんと反映されています。 htmlファイルをIEやChromeで開くと反映されていないのです。

関連するQ&A

  • DREAMWEAVERのテンプレート機能

    DREAMWEAVERを使ってサイトを作成しています。 今までテンプレート機能は使っていなかったのですが、ページ数が多くなった事もあって、テンプレート機能を使って作成をはじめてみました。 テンプレートファイル(.dwt)を作って、プレビューで見た所、ちゃんと表示されました。 「テンプレートから新規作成」でページを作り、プレビュー画面で確認したところ、Firefoxではちゃんと表示されますが、IEだと崩れた表示になります。 サイトはCSSで段組してあり、CSSの方も詳しくはないので、CSSのコードがおかしいという事も考えられるのですが・・・汗 ただ、まったく同じコードで書かれているページで「テンプレートから作成」「テンプレートを使わず作成」ではテンプレート作成表示のみ崩れます。 両方のページのコードを確認したところ、テンプレートから作成したページには自動的で<!-- #BeginTemplate "/Templates/testo.dwt" --> が挿入されているのと、されていないとう違いのみです。 試しに、テンプレートから作成したページの<!-- #BeginTemplate "/Templates/testo.dwt" -->コードを消して見てみたところ、表示は崩れませんでした。 使っているDREAMWEAVERは「DREAMWEAVER4.0J」かなり古いものを使っているのですが・・・汗 これが原因(バグ)なんでしょか? 同じような症状がでた方がいたら教えて頂ければ幸いです。 どうぞ宜しくお願いします。

    • 締切済み
    • CSS
  • Dreamweaverのテンプレート機能について

    こんにちは、Santaと申します。 Dreamweaver CS5 を使用しております。 テンプレート機能について、お尋ね致します。 テンプレート機能を使用しておりますと、おかしくなりませんか? 例えば、「サイトの定義」をして、1ページ作成して「テンプレートとして保存」common.dwtとします。 common.dwtより、sample1.html,sample2.html,,,,,sample10.htmlと作っていきます。 これで10ページ分の雛形が制作出来ます。 「編集可能領域の作成」Aをします。 一部分だけ編集可能領域Aを作成しますと、残りソースの部分は編集できないように、グレー色になります。 問題はここからです。 この後に、編集可能領域に設定していない部分(グレー色になっている部分)を再度変したいと考え「編集可能領域を作成」Bをcommon.dwtに挿入します。 10ページの同じ部分に一度に、編集部分Bが挿入されます。 このように、少しずつ「編集可能領域」を広げていきますと、だんだんと適用されずに「停止」ボタンを押さなければ更新自体が止まらなくなり、結局適用されないことがあります。 また、「サイトの定義」を改めしてやり直したりしますと、common.dwtで編集を加えても、変更されないページが出てきたり、はたまた変更されたりするページもあったりと、なってしまいます。 みなさんはそのようなことはございませんでしょうか? また、その場合はどのようにして回避しているのでしょうか? common.dwtからテンプレートとして作成したページのグレー色の部分を削除するときも、 common.dwtから「編集可能領域」を削除しても、common.dwtから作成したページには反映されないということが起こってきます。 皆様は、どのように使われていらっしゃいますか?

  • [Dreamweaver8]テンプレートに外部CSSを適用→HTMLドキュメントにCSSが適用されないのは何故?

    Dreamweaver8初心者で、現在勉強中の者です。 Dreamweaverのテンプレート機能を使った、外部CSSの設定方法についてお尋ねします。 ディレクトリは現在、以下のような状態です。 [サイト -SampleWebSiteFolder-]    |―[Templates]    |   |―[style.css]    |    L―[template.dwt]    |     L[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" />

  • Dreamweaverのテンプレート更新について

    dreamweaverのテンプレート機能を利用してサイトを制作していますが、完成後にdreamweaverを持っていない人がテンプレートを更新するとなると、dwtファイルをテキストエディットなどで開いてタグやテキストを修正した場合でも、テンプレートから作成したページに反映させることはできますか? 自分でやってみましたがうまくいかなかったので、何かやり方があるのでは?と思ったのですが。。。。 ご存知の方いらっしゃいましたら教えてくださいませんか?

  • Dreamweaverのテンプレートで、コメントアウト部分も反映したい

    Dreamweaverのテンプレートで、コメントアウト部分も反映したいです。 Webデザイナーです。 IE6で透過PNGを使用するために「DD_belatedPNG.js」を使用しているのですが、記述方法が「<!--[if IE 6]>~」と書くのでDreamweaverでテンプレートにしてもjsファイルのアドレスが反映されません。 テンプレートでコメントアウトしたものも反映する方法、コメントアウトしなくてもIE6でのみ読み込ませる方法はありませんでしょうか? 【環境】 Windows 7 Dreamweaver CS3 宜しくお願い致します。

  • Dreamweaver MX 2004のテンプレートの編集が反映されません・・

    Dreamweaver MX 2004を使ってHPを作成しているのですが テンプレート(dwt)に編集を加えても、テンプレートから作成しているファイルに反映されません。 「テンプレートファイルの更新」→「ページの更新」 とし、テンプレートを使用しているファイルを開き、 「修正」→「テンプレート」→「テンプレートをページに適用」 としても、更新されないままです。 何が間違っているのでしょうか? ご指導の程、宜しくお願い致します。

  • DreamWeaver CSSへのテンプレートの作用

    教えてください。 複数の人間が(別PC上で)同じHTMLファイル、同じCSS(外部)を使って編集作業をした際、ある一方の人(PC)ではCSSの一部が無効化され、かたやCSSが正常にHTMLファイルへ作用している人(PC)もいます。 以下の状況です。 A(CS3):1.css+2.cssを3.htmlにあてている。→2.cssが1.cssの一部を無効にしている。 B(CS2):1.css+2.cssを3.htmlにあてている。→どちらのcssも正常 そこで、実験しました。 AもBも:1.cssのみあてました と、 A:1.cssの一部が無効になったまま B:1.cssが正常に作用 こうなりました。 A側のDWの設定やテンプレート設定などで、cssの要素を無効にしてしまうことはありますでしょうか? どうぞ、ご指南くださいませ。

  • Dreamweaver CS3のテンプレートでエラーがでる

    Dreamweaver CS3のテンプレートを使ってweb制作してます。 IEで見た場合、ページAからページBへ飛ぶとページAにエラーが発生してしまいます。 読み込みなおしすると、エラーが消えます。 ライン:2 文字:1 エラー:構文エラーです。 コード:0 というエラーがでます。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"><!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" --> この辺に問題あるのでしょうか?

    • 締切済み
    • CSS
  • DREAMWEAVER DWTファイル

    こんにちわ。 DREAMWEAVERかなりの初心者のものです。 なので、質問にも自信がありませんが、よろしくお願いします。 DREAMWEAVERでホームページを作った方がいまして、その方の引継ぎで今DREAMWEAVERを使っております。 内容としましては、既存のものと同じページをコピーしてロシア語に翻訳したものをつくるのですが、なんとなくリンクのはり方などはわかったのですが、DWTファイルになっていて、すべてにタイトル画面のような感じで同じページがテンプレートのような状態で入っています。 そのテンプレートのような画面はほかのページからはいじれず、そのtitleと名前のついているDWTファイルからならいじることが可能でした。 そこの文字などもちょっと変えて保存をすればほかのページにも勝手につながると思っていたのですが、ほかのページに反映されません。 どのような方法でそのDWTファイルを更新、加筆などをすればほかのページにも更新されるのでしょうか? もうひとつなのですが、コードを見てみたところ、コピーしたものだったので、<!-- InstanceBegin template="/Templates/title.dwt" codeOutsideHTMLIsLocked="false" -->というテンプレートのところがコピー後名称を変えたものではなく、コピー前についていたテンプレートのものになっていたのです。 単純にここのDWTファイルの名称を今のものに変えればいいのかなと思い、変えようとしたところコードのとこに入力をすることができません。ここの変更方法はあるのでしょうか? 私が思うに、ここのテンプレートのところが前のままになっているためにほかのページに変更後のテンプレートが反映されないんだと思いました。 そのテンプレートの変更方法はありませんか? わかりにくい質問方法で申し訳ないですが、ご回答の方よろしくお願いいたします。

  • Dreamweaver テンプレートのリンク設定

    お世話になります。 Web更新作業の引継ぎで、クライアントのサーバーからファイルをダウンロードしました。前任の会社がファイルをテンプレートで作成しており、 更新作業を実施した際、リンクの設定がおかしくなりました。 作業は、Dreamweaverで実施しました。 テンプレートファイルの .dwtを修正し保存。←リンクの箇所は修正していません! .indexのDWメニュー[修正]→[テンプレート]→[サイト全体の更新]→[次を含むファイル]で反映させたいファイルを選び更新しました。 サーバーにアップしてから気付いたのですが、リンク切れを起こしています。 その後、DWで.dwtと.indexファイルを確認したのですが、 .dwtでは ----------------------------------------------------- <dd><a title="※※※" href="tokyo.html">※※※</a></dd> <dd><a title="※※※" href="hamamatsu.html">※※※</a></dd> .indexでは ------------------------------------------------------- <dd><a title="※※※" href="../Templates/tokyo.html">※※※</a></dd> <dd><a title="※※※" href="../Templates/tokyo.html">※※※</a></dd> -------------------------------------------------------- となっており。リンクのパスが変わってしまっています。 .dwtのリンク設定のまま.indexに反映させるには、どうしたらいいのでしょうか? よろしくお願いします。

    • 締切済み
    • CSS

専門家に質問してみよう