![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
ドリームウィバーで初めてHPを作成している初心者です。
スタイルシートを使っているのですがheadの中にタグが下記のように表示されています。
~省略
<link href="mystyle.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style12 {font-size: 12px}
body {
background-image: url();
}
body,td,th {
font-size: small;
}
h1 {
font-size: 12px;
}
h2 {
font-size: 10px;
}
.style14 {font-size: large}
.style15 {color: #FFFFFF}
a:link {
color: #FF0000;
}
a:hover {
color: #ff9966;
}
a:active {
color: #99cccc;
}
.style16 {color: #FF0000}
.style17 {color: #0000FF}
.style21 {color: #000000}
.style20 {color: #FF00FF}
.style21 {
color: #000000
}
.style11 {font-family: "Times New Roman", Times, serif;
font-size: 24px;
color: #FF00FF;
}
.style22 {color: #33FF00}
-->
</style>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
他人様のHPを拝見したところタグがシンプルになっているのですが。
外部スタイルシートに指定しているはずなんですが、なってないのかなと思います。
ご教授下さい宜しくお願いします。
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_08.png?5a7ff87)
No.1ベストアンサー
- 回答日時:
<link href="mystyle.css" rel="stylesheet" type="text/css" />
の記述で外部CSSを呼び出していますが
<!--
.style12 {font-size: 12px}
・
(中略)
・
.style22 {color: #33FF00}
-->
で二重にCSSを設定してしまっています。ですので「mystyle.css」の中に
上記「style12~style22」を追加するとよろしいかと思います。
既に「mystyle.css」の中に記述されている場合は削除してください。
また
<script type="text/javascript">
<!--
・
(中略)
・
//-->
</script>
はJavaScriptですので「外部JavaScript」にするとソースがすっきりします。
メモ帳などにスクリプト部分だけを記述し、拡張子を「.js」にして保存。
【記述例】
<link href="mystyle.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="script.js"></script>
</head>
参考[外部JavaScriptファイルを読み込む]
http://www.tagindex.com/html_tag/page/script_src …
この回答への補足
simeondun様 大変ありがとうございます。
すごく助かりました。
スタイルシートの方は前頁修正しました。
JavaScriptなんですが、トップページは成功したのですが、2ページ以降同じ方法で試したのですが、作動しません。。。
ボタンのロールオーバーイメージを作業しているのですが、イメージナンバーを統一にしてみたり試しましたが、分かりません。
ひょっとして1ページに1個づつの【~省略.js】のファイルが必要なのでしょうか?
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_08.png?5a7ff87)
No.3
- 回答日時:
No.1、2です。
> 起動しているページはすべて一番上のファイルで、フォルダに入れているファイルが起動しません。
ということは【~省略.js】の階層と2ページ目以降の階層が違いますよね?
index.html(一番上のファイルでJavaScriptが動作可のページ)
script.js(JavaScriptファイル)
|
+-- フォルダ/2page.html(JavaScriptが動作しないページ)
| 3page.html(同上)
| 4page.html(同上)
階層が違っていればタグ指定も変更しないと動作しませんよ。
2ページ目以降の外部JavaScriptファイル呼び出しタグを下記に変更してみてください。
<script type="text/javascript" src="../script.js"></script>
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_08.png?5a7ff87)
No.2
- 回答日時:
> ひょっとして1ページに1個づつの【~省略.js】のファイルが必要なのでしょうか?
全てのページにJavaScriptを記述されているのであれば
<script type="text/javascript" src="script.js"></script>
の記述は必要になってきます。(こういう意味でなければ申し訳ありません)
同じ要素で動かす場合ですと、1ページにつき1つ1つ新たにJavaScriptを
書く必要はありません。省略するための「外部JavaScript」ですので。
2ページ目以降のタグの記述が間違っていたりしませんか?
この回答への補足
>全てのページにJavaScriptを記述されているのであれば
すべて同じavaScriptです。
><script type="text/javascript" src="script.js"></script>
コードはトップページ(起動したファイル)からコピペなので問題ははいです。
起動しているページはすべて一番上のファイルで、フォルダに入れているファイルが起動しません。
宣言や他のコードが間違っているのでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- CGI perlで書いたcgiでsqliteの使い方を教えてください 2 2023/05/08 21:29
- PHP ここでの ②if($su_d<>"")の比較演算子 を使う理由は 1 2022/03/26 02:33
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- HTML・CSS HTMLで特定の文字だけ色を変えたいのですが、指定した色と違う色が反映してしまいます。 下記、「前」 5 2023/06/27 12:08
- HTML・CSS プログラムの関連性を教えて下さい。 1 2023/07/19 03:50
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
外部読み込みで動かないときの...
-
javascriptとApacheの設定
-
これを関数型風に書き換えたい
-
jqueryライブラリの同時使用に...
-
ベーシックで言ったら、ルーチ...
-
twitter widgetが表示されない
-
複数のJavascriptを1つのscrip...
-
JavascriptとJqueryを混在し記述
-
アクセスカウンターのつけ方。
-
CSSをブラウザ別に振り分ける方法
-
ひとつの外部ファイルに複数の...
-
別ファイルのfunctionの読み込み方
-
xmlHttpRequest.send( EncodeHT...
-
javascriptファイルは1つに統...
-
[Javascript]付加情報を拾いたい!
-
マウスストーカーが有効になり...
-
<a href="#" …>の意味を教えて...
-
bodyにidをつける理由は何ですか?
-
javascriptで変数を組み込みたい
-
他のページ更新
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
別ファイルのfunctionの読み込み方
-
javascriptファイルは1つに統...
-
複数のJavascriptを1つのscrip...
-
javascriptとApacheの設定
-
JavascriptとJqueryを混在し記述
-
cssにjavascriptを入れる?呼び...
-
プルダウンメニューを別ファイ...
-
Dreamweaver で 外部JSを読み込...
-
【Google Apps Script】「ライ...
-
JavaScriptのエラー ( 関数の...
-
javascriptのalertで文字化けが...
-
レンタルサーバーでjavascript...
-
javascript内で外部ファイルを...
-
外部.jsの内容を一部置き換えて...
-
ひとつの外部ファイルに複数の...
-
ホームディレクトリを示すチル...
-
リンク先のURLを記述せずに、Ja...
-
呼出したjsファイル内で他jsフ...
-
外部ファイル名を変数で指定で...
-
条件分岐で、読み込む外部スク...
おすすめ情報