マーキー その2
shiva_gchan
さまが早速私のソースをご検討くださり、
ご指摘をしてくださいました。
１．<div> と </div> の位置関係を見直す必要が有るのではないでしょうか。
TopPage.txt 内の 【】 内は不要、 《》 内は追加を示します。
< 留意事項 >
<div align="center">
<MARQUEE behavior="slide" loop=1 scrollamount=10 width="500">
【 </div> 】
<DIV style="～">
<MARQUEE behavior="slide" loop=1 scrollamount=8 width="450">
<font color=white size=5>ころつんのつぶやき</font<
</MARQUEE>
</DIV>
</MARQUEE>
《 </div> 》
と記述しないと div と MARQUEE の入れ子構造が崩れてしまいます。
最終的には、TopPage.txt 内の 【】 と 《》 を確認してみて下さい。
２．次に、下に位置する「テーブル・アート」において 【</td></tr>】 が一組多いようです。
３．そして、これは蛇足ですが、 グラデーションのStartColorStr,EndColorStrは８桁の１６進数で記述するのが正解です。
最初の２桁(AA)で透明度を指定し、後の６桁はカラーコード(RRGGBB)です。
詳細は、小技 「背景にグラデーションを掛ける」 を見て下さい。
ご指摘をしてくださいました。
１．<div> と </div> の位置関係を見直す必要が有るのではないでしょうか。
TopPage.txt 内の 【】 内は不要、 《》 内は追加を示します。
< 留意事項 >
<div align="center">
<MARQUEE behavior="slide" loop=1 scrollamount=10 width="500">
【 </div> 】
<DIV style="～">
<MARQUEE behavior="slide" loop=1 scrollamount=8 width="450">
<font color=white size=5>ころつんのつぶやき</font<
</MARQUEE>
</DIV>
</MARQUEE>
《 </div> 》
と記述しないと div と MARQUEE の入れ子構造が崩れてしまいます。
最終的には、TopPage.txt 内の 【】 と 《》 を確認してみて下さい。
２．次に、下に位置する「テーブル・アート」において 【</td></tr>】 が一組多いようです。
３．そして、これは蛇足ですが、 グラデーションのStartColorStr,EndColorStrは８桁の１６進数で記述するのが正解です。
最初の２桁(AA)で透明度を指定し、後の６桁はカラーコード(RRGGBB)です。
詳細は、小技 「背景にグラデーションを掛ける」 を見て下さい。
というご指摘を受けました。
赤面のコーディングミスです。
訂正個所を表示します。
【ソース】
<div align="center">
<MARQUEE behavior="slide" direction="left" loop=1 scrollamount=10 width="500">
<div>
←元はここの場所にあった
<DIV style="width:450px; padding:30px; background-color:white; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr= #ffff0088 (元は#ff0088) ,EndColorStr= #ffffff88 (元は#ffff88) );">
<MARQUEE behavior="slide" direction="left" loop=1 scrollamount= 8 width="450">
<font color=white size=5>ころつんのつぶやき</font>
</MARQUEE>
</DIV>
</MARQUEE>
<div align="center">
←元はここの場所にあった
<MARQUEE behavior="slide" direction="right" loop=1 scrollamount=10 width="500">
<div>
←元はここの場所にあった
<DIV style="width:450px; padding:30px; background-color:white; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr= #ff44ff88 (元は#44ff88) ,EndColorStr= #ff5500ff (元は#5500ff) );">
<MARQUEE behavior="slide" direction="right" loop=1 scrollamount= 8 width="450">
<font color=white size=5>つれづれなるままに</font>
</MARQUEE>
</DIV>
</MARQUEE>
</div> ←こちらにセットするのが正しい
<div align="center">
<MARQUEE behavior="slide" direction="left" loop=1 scrollamount=10 width="500">
<DIV style="width:450px; padding:30px; background-color:white; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr= #ffff0088 (元は#ff0088) ,EndColorStr= #ffffff88 (元は#ffff88) );">
<MARQUEE behavior="slide" direction="left" loop=1 scrollamount= 8 width="450">
<font color=white size=5>ころつんのつぶやき</font>
</MARQUEE>
</DIV>
</MARQUEE>
<MARQUEE behavior="slide" direction="right" loop=1 scrollamount=10 width="500">
<DIV style="width:450px; padding:30px; background-color:white; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr= #ff44ff88 (元は#44ff88) ,EndColorStr= #ff5500ff (元は#5500ff) );">
<MARQUEE behavior="slide" direction="right" loop=1 scrollamount= 8 width="450">
<font color=white size=5>つれづれなるままに</font>
</MARQUEE>
</DIV>
</MARQUEE>
</div> ←こちらにセットするのが正しい
© Rakuten Group, Inc.
