電子書籍の厳選無料作品が豊富!

今、BIGLOBEが提供している『ウェブリブログ』(http://webryblog.biglobe.ne.jp/)でブログを公開しています。
その中で、「フリースペース」という、HTMLタグやscriptタグなどを使って自由に編集できるスペースがあるのですが、そこでjavascriptを書き込むと表示はされて問題ないのですが、デザインが崩れます。
詳しく言うと、ニュースを配信するscriptと募金ができるscriptを縦に並べて貼り、それぞれに<h2>でタイトルをふっています。そしてその間に<br>で改行を入れています。
すると、
***************************
ニュース(←タイトル)

募金をする(←タイトル)
[ニュースのスクリプト]
[募金のスクリプト]
***************************
…というように、ニュースのタイトルの下にニュースのスクリプトが表示されずに募金のタイトルが上へ上がってきてしまい、ニュースと募金のスクリプトがくっつき、また改行が意図しない位置で行われています。
記述内容は、
<h2>ニュース</h2>
<script type="text/javascript" src="http://ticker.pingpon.net/ticker.js">
</script>
<br>
<h2>募金をする</h2>
<SCRIPT SRC="http://www.donation.jp/script/donation.js">
</SCRIPT>
です。
スクリプトはそれぞれ第三者が公開している記述文をそのまま貼り付けています。

無知なもので、質問内容が把握しづらいかと思いますが、どなたか分かる方がいたらご回答をお願いします。

貼ってよいのかどうか悩みましたが、宣伝目的ではないので私のブログアドレスを参考に貼らせていただきます。
http://sie-blog.at.webry.info/
(問題箇所は右下などです。)

A 回答 (6件)

フリースペース1個だけですませるには


<h2>クリック募金</h2>
<a href="http://www.donation.jp/"><img src="http://www.donation.jp/images/nonjsbanner2.jpg" border="0" alt="分散設置型クリック募金donation.jp"></a>
<br />
<h2>ニュース</h2>
<script src="http://ticker.pingpon.net/ticker.js">
</script>
これしかできません
ポイントはフリースペースにはjavascriptは一個しか入らないのでバナーのどちらかをイメージにする。
イメージの方を上にする。
フリースペースを2つ使用できる場合はそれぞれに挿入すれば、できました。
    • good
    • 0
この回答へのお礼

できました!
フリースペースに1個しかjavascriptが置けず、しかもjavascriptは一番下に持ってくる、ということが重要だったんですね。

このたびは問題解決にずっと付き合ってくださってありがとうございました。心からお礼申し上げます。

お礼日時:2007/03/06 14:10

関係ないかもしれませんが。


Javascriptですが、フリースペースで書くときに改行してますよね(</script>の前)。IEは使っていないので検証できないのですが、とりあえず改行せず続けて書いてみたらどうでしょう?
<script type="text/javascript" src="http://ticker.pingpon.net/ticker.js"></script>
効果なかったらすみません。

この回答への補足

ご回答ありがとうございます。
試してみましたが、ダメでした。。
……うーん。何がいけないんでしょ…。

補足日時:2007/03/06 10:05
    • good
    • 0

No1です


他のブラウザで見てみましたか
firefox1.5だとレイアウトできてますね
明日中にはなんとかしたいですが
<div>
<h2>ニュース</h2>
<script type="text/javascript" src="​http://ticker.pingpon.net/ticker.js">
</script>
</div>
<br>
<div>
<h2>募金をする</h2>
<SCRIPT SRC="​http://www.donation.jp/script/donation.js">
</SCRIPT>
</div>
はどうですか?
すいません今日はこれ以上返信できません

この回答への補足

お忙しい中、迅速なご回答ありがとうございます。

<div>を加えてもダメでした。。
確かにfirefoxではきちんと表示されますね。IEよりもタグなどの記述を正確に表示すると聞きますから、何かIEでうまく表示させるために味付けが必要なんですかね。
私もいろいろ試してみようと思います。

何度もご回答してもらって、重ね重ねお礼を言うばかりです。ありがとうございます。

補足日時:2007/03/06 00:48
    • good
    • 0

No1すいません”下記”回答はちがいます


今よく見ていて問題がよく解りました
(解決方考えます)

この回答への補足

問題が分かりづらくて申し訳ないです。
引き続きご回答いただけるとありがたいです。

補足日時:2007/03/05 18:46
    • good
    • 0

<h2>募金をする</h2>


の上です。
    • good
    • 0

<h2>ニュース</h2>


<script type="text/javascript" src="​http://ticker.pingpon.net/ticker.js">
</script>
<br><br>
<h2>募金をする</h2>
<SCRIPT SRC="​http://www.donation.jp/script/donation.js">
</SCRIPT>
募金のタイトルをさげるのでしたら改行<br>を追加

この回答への補足

早速のご回答、ありがとうございます。
元の記述文とどこが変わったのかがよく分からないので、そこを教えていただけるとうれしいです。

補足日時:2007/03/05 18:16
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!