• 締切済み

Dreamweaver CS5 外部CSSのリンク

Dreamweaver CS5です。 HTMLファイル内に、外部CSSファイルへのリンクについての質問です。 【CSSスタイル】パネルの「スタイルシートを添付」ボタンでCSSファイルをリンクさせますが、HTML内のhead内、titleタグの後の行に記述されます。JavaScriptの記述があると、さらにその後の行に記述されます。 <link rel=******~>の記述を、たとえば、先にクリックしておいてその位置にカーソルを移動しておくなどして指定の場所に書き出してもらうことはできないのでしょうか。 外部CSSファイルはいつも手入力で書き込んでいましたが、Dreamweaverを使ってみたら思ったところに書いてくれません。記述後、指定の位置にドラッグでもして移動すればどうということはないのですが。 文字コードなどは、日本語が表記されているtitleタグより前に記述すること、なんて聞いたことがありますが、外部CSSへのリンク記述にもtitleタグの後ろのほうがいいというようなことがあるのでしょうか。

みんなの回答

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

文字コードは最初に書かなければなりません--厳密にはASCII文字以外が登場するより前--が、それ以外は原則順番はありません。

関連するQ&A

  • 外部CSSで画像にリンクを貼りたい

    まだCSS初心者ですので宜しくお願いします。 外部CSSに位置指定した「画像」にリンクを貼りたいのですが いろいろ調べてもその方法がわかりません。 以下のタグにどのようにリンクの指定をすればよいでしょうか? div#index{ margin-top:5px; background:url(../img/oribox.gif) no-repeat right bottom; } また、HTMLにはどのように記述したらよいかも宜しくお願いいたします。

    • ベストアンサー
    • HTML
  • 外部CSSファイルの読み込み位置

    外部CSSファイルの読み込み位置について、GoogleのPageSpeed Insightsでは重要なスタイルのインライン化を推奨し、残りのスタイルを</html>タグの後に<link>タグを記述することで読み込んでいますが(参考URL参照)これはHTMLの文法的に問題はないのでしょうか。また、これによってCSSファイルが読み込まれないこともあるのでしょうか。 よろしくお願いします。 参考:https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery#header_1

    • ベストアンサー
    • HTML
  • [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" />

  • 外部CSSが読み込めません/HTML

    HTMLにおいて、外部CSSを読み込めず困っております。 ググって対処法を実践しても一切反映されません。 現在下記のisaraというサイトを模写しております。 https://isara.life/ HTMLにおいて linkタグでCSSファイルを読み込んだのですがCSSが一切反映されず困っております。 HTMLとCSSファイルは同一フォルダ内にあります。 HTMLファイル名:isaramosya.html CSSファイル名:isaramosya.css HTMLの記述 <link rel=”stylesheet” href="isaramosya.css"> いくらググっても原因がわからず困っております。 原因思い当たる方いらっしゃいましたらお答えいただけましたら幸いです。

    • ベストアンサー
    • CSS
  • CSSの外部ファイルの作り方

    こんにちは、いつもはサイトのデザインをCSSで設定する時 HTMLファイルの<HEAD></HEAD>部分に書き込んでるのですが それらの量が段々多くなってきたので前ページ共通のCSSは外部ファイルでリンクさせようと思いました。 でも外部ファイルでCSSを作るのは初めてなので何分書き方などで少し分からないところがあります。 例えば1.文字の大きさ2.リンク下線消し3.行間の幅 などを指定する時これら全部を一つのCSSファイルに書いていいのですか? それとも一つのファイルには一つの設定しか書けないんでしょうか? あと、外部ファイルの場合<STYL>でまとめなくてもいいらしいのですが、もし一つのファイルに複数の設定を書けるなら その場合は一行あけて書いたりするのでしょうか? そして、これらCSSの外部ファイルにリンクさせたHTMLファイルの <HEAD>部分に後から他のCSSを書き込んでもそれは反映されますか? いろいろ多くて少し分かりづらい説明かもしれませんがお願いします。

    • ベストアンサー
    • HTML
  • DreamWeaverで</head>の前のスタイルタグを使わない設定

    DreamWeaverで、既にリンクして使うスタイルシートを使用しているので、それ以外の属性は、HTMLのタグ内に記述したいのですが、DreamWeaverは、ごく些細な文字の大きさのような属性でも、</head>の前のスタイルタグの中で、その属性を指定してしまいます。 これを、</head>の前のスタイルタグの中ではなく、HTML本文のそれぞれのタグ内で普通に指定するには、どこの設定画面の何を設定したらよいのでしょうか? 具体的には、文字の大きさだけでも、 <style type="text/css"> <!-- .style2 {font-size: 36px} --> </style> </head> <body> <span class="style2">文字</span> とDreamWeaverはしてしまうので、これを </head> <body> <font size="7">文字</font> ないし、 </head> <body> <span style="font-size:36px;">文字</span> など、指定の方法はどうでも良いので、HTML内でDreamWeaverに指定して欲しいのです。 もう、別に記述したい事項はスタイルシートをリンクしているので…。

    • ベストアンサー
    • HTML
  • Dreamweaver CS3で、一部のCSSが適応されません

    divの大枠の#contentの中に、小枠の、上の帯に#header、左に#menu、右に#main、下の帯に#footerを作りました。 ごくごく一般的なCSSスタイルで、難しい事はしてないと思います。 Windowsですが、Dreamweaver CS3で作成画面での表示は大丈夫なのに、 なぜかInternet Explorer6.0で、 この、「右に#main、下の帯に#footer」の、CSSスタイルが適応されません。 FireFoxでの表示は、大丈夫です。 IEのみの様です。 原因が全く解らず困っております。 こういったバグは報告されてますでしょうか? ・Internet Explorer 6.0のバグでしょうか? ・Dreamweaver CS3のバグでしょうか? ・もしかして、XHTML 1.0 Transitionalとか、HTML 4.01 Transitionalが関係しているのでしょうか? ・CSSは1枚の外部CSSファイルからリンクしてますが、あまりファイル1枚に長すぎるとダメなのでしょうか? ・テンプレートは使ってるページや、使ってないページも同じ現象があるのですが、  テンプレートを使ってるページの方が、バグが多い様な気もします。  例えば、テンプレートと、CSSの相性の問題もあるのでしょうか? ・それとも、私のCSSの組み方か何かに問題があるのでしょうか? 数日作業が止まっており、困っております。 どうぞ宜しくお願い致します。

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

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

  • CSS今度は外部ファイル!

    前回「CSSが反映されない」で質問させていただきました。 おかげさまで、ヘッダー内で記述したものが、反映されるようになりました。 ところで、今度は外部ファイルの読み込みで「できない!」となっています。 自分ではどこがいけないのか、発見できなかったので、また皆さんのお力をいただきたいと 思います。 ○abc.css(外部ファイル) .body{ color:#006666; font-size:30px; } ○HTMLファイル <! DOCTYPE PUBLIC HTML "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html;charaset=shift_jis"> <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"> <!-- <link rel="stylesheet" href="abc.css" type="text/css"> --> </style> </head> <body> 背景色は濃い青緑です<br> フォントサイズは30px・・・<br> <br> になるはずです・・・ </body> </html> ・・・結果・・・ 真っ白な画面に標準フォントで表示。 ○外部ファイル .hp-name{ font-size:55px; color:#006666; text-align:center; } ⇒ファイル名 hp-name.css ○HTMLファイル <! DOCTYPE PUBLIC HTML "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type"Content="text/html;charaset=shift_jis"> <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"> <!-- <link rel="stylesheet" href="body.css" type="text/css"> --> </style> </head> <body> <div class="hp-name"> HP名は「○○△△◇◇」です </div> ////////////////////////////////////////////////////////////////////////////////////// 今度はどこがいけないのでしょう。 <link rel・・・・・・・・ で、外部ファイルを読み込むだけではいけないのでしょうか? それとも、外部ファイルの書き方がいけないのでしょうか? 外部ファイルには「スタイルシートの部分だけ」記述すればいいと思っていたのですが・・・ ○外部ファイルを <style type="text/css"> <!-- --> </style> をつけてみたのですが、ダメでした

  • Dreamweaver CS5.5について

    こんにちは。お世話になります。 Dreamweaver CS5.5を使いだした、右も左も分からぬ者です。 新規HTMLファイルを作り、新規CSS作り、スタイルシートの添付をしようとしたところ、 「test.scc(便宜上つけた名前です。)を追加中、再帰的なスタイルの読み込みが検出 されました。外部テキストエディターの中のファイルを編集して、問題を取り除いてから やり直してください。」という警告文が出てきました。 どうしたらよいのか、全く分かりません。再帰的なスタイルも分かりませんし、 外部テキストエディターも分かりません。 ほんっとに分からないのです。 ネットでも色々調べてはみましたが、それでも分かりません。 どうか、皆様のお力を貸してください。 どうぞ宜しくお願い致します。

    • ベストアンサー
    • HTML

専門家に質問してみよう