2009年3月5日木曜日

marqueeをXHTMLで実現させる方法

marqueeタグは、最近PCサイトではあまり見なくなったが、表示範囲の狭い携帯サイトでは良くつかわれている。
HTMLで携帯サイトを作る場合、



<marquee bgcolor="#FF0000"><font size="2" color="#FFFFFF">こんにちは</font></marquee>


こんな風にすると、背景赤色に文字白色で「こんにちは」の文字が流れる。
けれど、XHTMLで携帯サイトを作る場合は、これだとうまく表示してくれない。
この場合は、divのstyleで指定する。



<div style="display:-wap-marquee;background-color:#FF0000;font-size:xx-small;color:#FFFFFF;">こんにちは</div>


これで、XHTMLでmarqueeが使えました。


引用元:モバイルサイトの作り方

0 件のコメント:

コメントを投稿