• ベストアンサー

携帯サイト:文字の背景色について

＜span style="background-color:背景色;"＞文字＜/span＞ ↑のようなHTMLだと、パソコンからはちゃんと 文字に背景色がついているのですが、 携帯からだとついていません。 (ついている場合もあるのですが) 文字に背景色をつけるのは、携帯サイトでは不可能なのでしょうか？ 可能であれば、そのHTMLをお手数ながら教えて頂きたいです。

質問者が選んだベストアンサー

  • ベストアンサー
noname#140925
noname#140925
回答No.1

各社から資料が出てますから、それを確認してください。 PCで使えるタグ・CSSが携帯で使えるとは限りません。 また、世代によっても対応が違いますので。 [参考]作ろうiモード：iモード対応XHTMLのバージョン http://www.nttdocomo.co.jp/service/imode/make/content/xhtml/about/index.html

  1. カテゴリ
  2. パソコン・スマートフォン
  3. スマートフォン・携帯・タブレット
  4. その他（スマートフォン・携帯・タブレット）

関連するQ&A

  • 文字の背景を・・・パート２

    <span style="background-color:#FFFFFF;">文字</span> で文字の背景だけに色を付けれる方法は分かったんですけど、この背景を半透明にすることって可能ですか？

  • HTML?JavaScript? 　INPUTタグ内の文字をハイライト

    HTML?JavaScript? 　INPUTタグ内の文字をハイライトさせたい 下記画像のように、formタグ中にある、Inputタグ内の文字をそれぞれカラフルにハイライトさせたいのですが、その方法が分かりません。HTMLかJavaScriptを使えばできるのかも分かりません。 どのようにすれば良いかどなたか教えていただけないでしょうか？宜しくお願い致します。 なお、下記のようにやってはみたものの、submitでタグも送信してしまいますし、タグがそのまま表示されてしまい、イメージする様にはなりませんでした。 <form action="～"> <input value="<span style=background-color:#ffff00>Input</span> <span style=background-color:blue>文字</span> <span style=background-color: pink>ハイライト</span>"> <input type=submit> </form>

  • html　リンク文字の背景色について

    <style type="text/css"> <!-- a:link { background-color :#000000; } --> </style> こんな感じでリンク文字に背景色をつけているのですが、 その背景色の縦幅・横幅はどうやったら指定できますでしょうか。 教えてください。

  • 携帯サイトの背景色

    携帯サイトの背景に、メニューごとに色がつけられていたりするものをよく見かけます。girl's walkerでは、かなり前から使われていました。 <body bgcolor="#ffffff" text="#000000">では、1色しか指定できませんし、<table>タグを使ってみても、表示されません。 <div style="backgroud-color:ff9900">文字</div>を使用する、XHTMLの設定にする、MIMEタイプを・・・・など、いろいろと調べ、試みてみましたが、ダメでした。HTMLは理解できますが、XHTMLは全然わかっていません。また、3キャリアで見られるようにしたいのですが、どのようなタグ、または記述をすればいいのでしょうか。教えてください。

  • ３キャリア対応のケータイサイト☆

    現在、htmlのみで３キャリア対応のケータイサイトを作っていますが、問題発生です。au、softbankではテキストの背景色が正しく表示されるのですが、docomoでは全く表示されません。 ちなみにテキストの背景色の設定は <p style="background-color:------">や<div style="background-color:------">を使っておこなっています。 ご指導よろしくお願いします☆

  • html で文字の色が出てこない。

    はじめてhtmlを勉強していて、わからないことがありました。 文字の色、背景色などを指定しているのですが、 実際にIEで見ても、色が出てきません。 下記が内容です。 どこが間違ってるのでしょうか？ --の所は、- -です。 タブは実際はコードにはあります。 <html> <head> <title>背景色とは</title> <style type="text/css"> <!-- body[color:blue; background-color:aqua; h1[color:green] p{background-color:white span[color:red] HR[background-color:red; height:20px] --> </style> </head> <body> <h1>ようこそ</H1> <hr> <p><span>私の</span>ホームページへ<br> このページでは<br> 私の好きな作家の作品について</br> 感想をつづっています。 </p> <a href="http://www.yahoo.co.jp">ヤフージャパン</a> </body> </html>

  • 携帯サイトの背景と文字位置が反映されません

    携帯サイトを作っています。 参考にしたのは「All about」にあった携帯サイトの作り方で 試したのですが、背景や文字位置等がうまく反映されません。 下がソースです。（東京のお菓子というのは仮に入れてます） 具体的にはバックグラウンドを指定してもバックグラウンドが表示されず、centerを指定しても全部左寄せになってしまいます。 ちなみにパソコンで見るときちんと表示されています。 私の持っているdocomoの端末(P902iS)ですとバックグラウンドが表示されず 左寄せになってしまいます。 それぞれにスタイルで文字の大きさや背景などを指定するやり方は ALL　aboutの携帯サイトの作り方を参考にしています。 何か間違いなどあればご指摘いただけないでしょうか？ よろしくお願いします。 <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml ; charset=Shift_JIS" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta name="keywords" content="お菓子,お花" /> <meta name="description" content="東京のお菓子お花屋です" /> <title>東京お菓子お花title> </head> <body> <div style="background-color:#cc0000; color:white;">お菓子屋さん<br /> （東京お菓子）<br /> 東京都</div> <div style="text-align:center;"><img src="******title1.gif" width="80" height="120" border="0" /></div> <div style="font-size : smaller;color : #624a20;text-align : left;">お菓子屋さんではお菓子やお花を販売しています。東京にあります。<br /> </div> <div style="font-size : smaller;color : green;">◆<a href="index.html">トップページ</a><br /> ◆<a href="okashi.html">お菓子屋のご紹介</a><br /> ◆<a href="ohana.html">お花のご案内</a><br /> ◆<a href="zakka.html">雑貨のご案内</a><br /> ◆<a href="access.html">アクセス</a><br /> ◆<a href="http://www.*******.com/">PCホームページ</a><br /> </div> <div style="font-size : smaller;color : #624a20;text-align : left;">お電話、メールにてお気軽にお問い合わせ下さい。またパソコン用HPもありますので、詳しくはそちらもご覧下さい。<br /> </div> <div style="color : #ffffff;background-color : #a57e37;text-align : center;">◎お問い合せ◎</div> <div style="text-align:center; font-size:smaller;">電話での問合せ<br /> <a href="tel:03*********">03-***-****</a><br /> メールでの問合せ<br /> <a href="mailto:info@******.com">コチラ</a></div> <div style="font-size : smaller;color : #660000;text-align : center;">お菓子屋さん<br /> ***-****<br /> 東京都<br /> 渋谷区******</div> </body> </html>

  • bodyの背景と異なる背景色で、同じ文字色の見出し

    例えば、以下 body{background-color:lightskyblue} h1{background-color:blue;color:lightskyblue} のように、bodyの背景色とh1の文字色が全く同じながらも、h1の背景色が文字色より濃くて暗い色なため、h1の文字が十分に認識できるときでも、スパムとして認識されるのでしょうか？

    • ベストアンサー
    • HTML
  • 携帯でのHTMLの書き方について

    携帯電話のHTMLについて質問です。 ・構成要素は画像とテキスト ・画像の下にテキストを配置。 ・両要素の間に隙間をいれない ・両要素とも真ん中寄せ ・テキストには背景色を指定 を行うために下記のコードを書いたところ、DoCoMoでは背景色が表示されませんでした。これらを実現するために各キャリア共通のHTMLの書き方はあるのでしょうか？？ ご存じでしたら教えてください！ <div align="center"> 　<img src="hogehoge.gif" /> 　<span style="background-color:#ABCDEF"> 　　テキストテキストテキストテキストテキストテキスト 　</span> </div>

  • 携帯サイトの絵文字について

    http://mobile.s275.com/file/001663.shtml　で携帯絵文字をコードで入力しているにもかかわらず、携帯で確認すると カラーが「黒一色」のみで表示されます。 強引に <span class="style1">廬</span> と記述してみたのですが、うまく反映されませんでした。 他に「i絵文字」というツールがあったので使用したのですが、結果同じでした。 どうしたらいいでしょうか？

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する