• 締切済み

i-modeに置けるxhtmlにおいてのマーキーの配置について

すべての端末に対応できる、携帯用のモバイルサイトを製作しているのですが、マーキーを画像の右側に配置し、その範囲でのみ動作をするように作りたいのですが、うまくいきません。 主に、i-modeでの症状が確認されました。 {画像}{マーキー} という感じで並べたいのです。 試した方法としては ・画像とマーキーをそれぞれ<table>で分ける。 →<table>内のタグが反映せず、マーキーが表示されません。 ・{画像}<span style タグ>{マーキー}</span> ・{画像}<div タグ>{マーキー}</div> →自動で改行されてしまい {画像} {マーキー} といった表示になってしまいます。 ・{画像}<marquee タグ>{マーキー}</marquee> マーキーが反映されません。 改善方法をご指導いただける方がいましたら、 よろしくお願いいたします

  • HTML
  • 回答数1
  • ありがとう数1

みんなの回答

noname#100277
noname#100277
回答No.1

<div><img src="" alt="" title="" width="" height="" style="float:left;・・・" /><span style="display:-wap-marquee;">文字列</span><br style="clear:left;" /></div> xhtmlならば「marquee」は使えませんので上記の様に成る筈です。 style="-wap-marquee-style:scroll;" (behavior="scroll") style="-wap-marquee-style:slide;" (behavior="slide") style="-wap-marquee-style:alternate;" (behavior="alternate") style="-wap-marquee-dir:rtl;" (direction="left") style="-wap-marquee-dir:ltr;" (direction="right") style="-wap-marquee-loop:char;" (loop="char") style="background-color:char" (bgcolor="char" ※iモード対応XHTML1.1以降)

関連するQ&A

  • マーキーにリンクをはりたいがdocomoで動かなくなる?

    モバイルサイトで、マーキー(移動テキスト)にリンクをはりたいと思っています。 ですがdocomoで見ると(F700iと古い機種ですが…)ただのテキストリンクになり、移動しません。 au、ソフトバンクは問題ありませんでした。 モバイルサイトはhtmlと、xhtmlで作っています(事情があってページごとに違います) 以下試してみたものです。(結果docomoで動きませんでした) ■1 <div style="display:-wap-marquee;"> <a href="http://xxx.jp/">マーキーにリンクはれる?</a> </div> ■2 <marquee> <a href="http://xxx.jp/">マーキーにリンクはれる?</a> </marquee> ■3 <a href="http://xxx.jp/"><div style="display:-wap-marquee;">マーキーにリンクはれる?</div></a> ■4 <a href="http://xxx.jp/"><marquee>マーキーにリンクはれる?</marquee></a> なにか方法はあるのでしょうか? それともdocomoはこういうものなのでしょうか??

  • マーキーが表示されない

    携帯サイトでソフトバンクだけがマーキーが全く表示されません。 <div style="display:-wap-marquee; color:red;"><marquee> テストテスト </marquee> </div> どこが悪いのでしょうか?

    • ベストアンサー
    • HTML
  • i-mode端末でXHTML・・・

    i-mode端末でXHTMLを使用してテーブルを表示させたいのですが、どうしても出ません。 どのタグを使えばいいのでしょうか? i-modeサイトには<table>のタグがなかったので。。。

  • モバイルXHTMLでのau mode="nowrap"について

    はじめまして。 auとSoftBankの一部の端末で対応しているmode="nowrap"というタグですが、下記のコーディングで動きません。。 <div mode="nowrap">スクロールする文字列</div>又は、 <p mode="nowrap">スクロールする文字列</p> ※現在作成しているモバイルサイトはXHTMLBasicに対応させるように作成してあります。 もしかして上記タグはHTML用のタグでXHTMLには対応していないのでしょうか?auの開発者用サイトで探せなかったので、すみませんが教えていただけると助かります!

  • 携帯向けHTMLメールで背景色をつけるには?

    携帯向けHTMLメールをPHPで送信しています。 部分的に、背景をつけたいのですができないのでしょうか?できる方法がありましたらお教えください。 試してみたこと (1) <table bgcolor="#F9D3E4"><tr><td><marquee>****</marquee></td></td></table> (2) <marquee bgcolor="#F9D3E4">****</marquee> (3) <table><tr><td bgcolor="#F9D3E4"><marquee>****</marquee></td></td></table> 要望としてはマーキーに背景色がつけばOKです。 かなり試したり調べたりしたのですが、どうも携帯(FOMA)では背景がつきません。 ちなみにbodyタグの背景は簡単に確認できました。 よい方法がありましたらお願いいたします。

  • ブログでタグの反映が変です

    FC2ブログを始めたばかりです それで、OSはビスタで ブラウザはFirefox3なんですが パソコンやネットの知識は、ありますが ブログとタグは初心者です 本題は、タグの反映が 上手く行かないという質問ですが 詳細を言うと プロフィールでの『あなたの紹介文』 の所なんですが 「初めて等来られた方 ここ←をクリックしてプロフィールを御覧になって下さい」 という文章を入れたいんですが 「初めて等」を赤い文字 「ここ」の部分にプロフィールを載せたページのURLを… そして「クリック」の文字を緑の点滅文字として タグを入れました <span style="color:#FF0000">初めて等</span>来られた方 <a href="プロフィールのURL" target="_blank" title="プロフィール">ここ</a>←を<MARQUEE sCROLLDELAY="300" SCROLLAMOUNT="350" WIDTH="350"><span style="color:#00CC66">クリック</MARQUEE>して</span>プロフィールを御覧になって下さい しかし、反映された文章を読むと 「初めて等来られた方 ここ←を クリック してプロフィールを御覧になって下さい」 という表示で希望する配列として反映されません しかも改行や文字を詰めても 現時点では全くダメなんです ちなみに紹介文の欄は ブログ本文の欄みたいに、タグ様のアイコンも無いんで アイコンをクリックしてタグを自動(?)で入れる事は出来ません 但し 「HTMLタグを使うことができます。改行は反映されます」 と書いてあるんで、直接タグを入れると 反映は、されるんです これは、どういう事なんでしょうか?

  • maqueとabsolute

    <html> <head> <style type="text/css"> <!-- .1{background-color:blue;width:200;height:100; position:absolute;} .2{background-color:red;width:200;height:100;} --> </style> </head> <body> <marquee direction="right"> <span class="1"></span> </marquee> <marquee direction="left"> <div class="2"></div> </marquee> </body> このようにBoxを2つ書きマーキーで右からと左からの交差を作りたいのですが、なぜかclass="2"でその列にほかのBOXが表示できないようです。つまりマージンでclass1をちょっと下にずらすと、半分切れた状態になります。position:absolute;を消してもらうとわかるのですが、アブソでない状態であれば上下にずれますが、行き来していますので、もう一歩だと思うのですが・・・。 どこが間違っているかわかりません。教えてください

    • ベストアンサー
    • HTML
  • cssでテーブルを中央配置にするには?

    よろしくお願いします。 テーブルを中央配置にしたいのですが、 <center>、<div align="center">は、W3Cの非推奨タグであるため、代替方法として、<div style="text-align:center">を使用してみたのですが、うまくいきません。 <body> <div style="text-align:center"> <table> <tr> <td>あいうえお</td> </tr> </table> </div> </body> としたとき、WinXP IE6.xではテーブルが中央に配置されるのですが、WinXP Netscape 7.x では中央に配置されませんでした。どなたか解決策をご存知でしたらご教授願います。よろしくお願いします。

    • ベストアンサー
    • HTML
  • 1箇所に複数画像を別々に配置は可能でしょうか?

    出来ないのかも知れませんが、もし可能かつご存知の方いらっしゃいましたらアドバイスをお願いいたします。 行いたいことは、1つの場所に複数の画像を配置し、それぞれの配置を異なる場所へ置きたいということです。具体的には…、 <div id="hoge"> ←このコンテナ内に画像を複数配置 <img src="img001.jpg" /> ←この画像はセンタリング <img src="img002.jpg" /> ←この画像は右寄せ </div> 1つのDIV内にセンタリングと右寄せで画像を配置という事です。 positionにて相対的に試してみたのですが、中央の<img src="img001.jpg" />のサイズによって<img src="img002.jpg" />の配置が変わってしまうので断念しました。その時は <div id="hoge"> <img src="img001.jpg" /><span id="hage"><img src="img002.jpg" /></span> </div> という感じで、<span id="hage">に相対positionでした…。駄目でしたが。。 条件としてはそれぞれにリンクを定義したいので背景ではなく画像として配置したいと思います。 どなたかアドバイスのほどよろしくお願いします。

    • ベストアンサー
    • CSS
  • 画面の中央に配置しようとすると、レイアウトが崩れてしまいます(泣)

    画面の中央に配置しようとすると、レイアウトが崩れてしまいます(泣) ajaxを使用した住所自動入力フォームをあるファイルに作ったのですが、それをコピーしてもう一つのファイルにペーストし、floatでフォームを横並び配置にするところまではうまく出来たのですが、それを画面の中央配置にプロパティでしようとして、ドリームウィーバー上ではちゃんとフォームは横並びに配置されているのですが、アップロードしてブラウザで確認した時になぜか縦配置になってしまっています。どうすればきちんとフォームが横並びになって画面の中央配置にできるでしょうか? <style type="text/css"> div.exampleB table { width: 280px; margin-right: 10px; float: left; } .exampleB { position: absolute; left: 50%; width: 630px; height: 100%; margin-left: -315px; </style> <div class="exampleB"> <div align="center"> <table width="315" height="449" border="2" align="center" cellspacing="0" bordercolor="#006633"> <tr> <td width="315" height="449"><div align="center"><span class="style13"><span class="style15"><a href="/link/moto2.html" target="_blank"></a><img src="../image/dt_022_03.gif" alt="引越元のイラスト" width="290" height="200" /></span></span></div><p align="center"><span class="style13"><span class="style119"><引越<strong>元</strong>住所></span></span><span class="style119"><br /> 郵便番号:(省略) 都道府県:(省略) 市区町村:(省略) 町域(大字):(省略) 丁目番地:(省略)  建物名~号室:(省略) </span></p></td> </tr> </table> <table width="316" height="449" border="2" cellspacing="0" bordercolor="#006633"> <tr cellspacing="0"> <td width="301" height="449"><div align="center" class="style30"><img src="../image/dt_023_03.gif" alt="引越先のイラスト" width="290" height="200" /><br /> <p align="left"><span class="style123"><span class="style15"><span class="style118"><引越<strong>先</strong>住所></span></span><span class="style118"><br /> 郵便番号:(省略) 都道府県:(省略) 市区町村:(省略) 町域(大字):(省略) 丁目番地:(省略)  建物名~号室:(省略) </span></p> </div></td> </tr> </table> </div> </div>

    • ベストアンサー
    • HTML

専門家に質問してみよう