4

私はいくつかの html コードを実際に動作させようとして Google サイトをいじっていますが、壁にぶつかっています。基本的に、インライン スタイリングを使用せずに html コードと css スタイリングを入力できるようにしたいので、少し調査を行い、十分に実行できることを確認しました。おそらく必要なのは、HTML ガジェットを追加して関連するコードを入力し、[保存] をクリックするだけです。それはうまくいくはずです。問題は、私がそれを行うとき、まったく機能しないことです。

いくつかのガイダンスについて次のリンクを見ましたが、すべてを適切に行っているようです。

  1. https://productforums.google.com/forum/#!topic/sites/rk6RRHNefso
  2. https://support.google.com/sites/answer/2500646?hl=ja

もう 1 つの奇妙な点は、2 番目のリンクの例を使用すると問題なく動作しますが、例のスクリプト部分を削除すると、コードのようにスタイル設定された結果が生成されないことです。これは私が試した非常に簡単な例です。

グローバル版

<style>

#tester {
 padding: 100px;
 height: 500px;
 width: 500px;
 border: 1px solid #0F0;
 background-color: #ff0000;
}

</style>


<div id="tester">please work 0_0</div>

インライン版

<div id="tester" style="padding: 100px; height: 500px; width: 500px; border: 1px solid #0F0; background-color: #ff0000;">please work 0_0</div>

私が得るのは、div自体にフォーマットのない文だけです。インライン スタイルを使用するように変更すると、問題なく動作しますが、そもそも HTML ボックスの目的が無効になります。

私が間違っていることについて何かアドバイスはありますか？

編集: 上記のテスト コードを含む JSFiddle と、それがどのように見えるかを次に示します。

JSFiddle

さらに、おそらく指定する必要があります。私が提供したコードは問題なく動作し、エラーはありません。私が解決しようとしている問題は、最初のバージョン (非インライン バージョン) を Google サイトの Html ボックスで動作させることです。

4

1 に答える 1