• 締切済み

（携帯XHTMLで書いた）フォントのサイズが小さくならない

携帯でホームページを作っています。 　スタイルシート（i-CSS）を使って文字のサイズを小さくしたいのですが、 思い通りのサイズになりません。 （font-size:xx-small;）で指定しても（font-size:small;）で指定してもサイズが変わらない。 問題のソースです。 <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/2.0) 1.0//EN" "i-xhtml_4ja_10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" dir="ltr"> <head> <meta content="text/html; charset=shift_jis" http-equiv="content-type" /> <style type="text/css"> <!--[CDATA[ a:link{color:#3c5fcc;} a:hover{color:#996600;background-color:#FFF4E0;text-decoration:none;} a:visited{color:#990099;} ]]--> </style> <title>トップページ</title> </head> <body> <div style="text-align:center;"> <span style="font-size:xx-small;">タグテスト</span> </div><br /> <span style="font-size:xx-small;"> <a href="tabletest.html">1.テーブル</a> </span> </body> </html> 　原因がわからないので、いろいろとサイトを調べてみて試したのですが、原因がつかめず途方に暮れています。 　どなたかわかる方いましたら、ご教授お願いします。 あと参考になるサイトなどがありましたら教えてください。

  • XML
  • 回答数2
  • ありがとう数8

みんなの回答

回答No.2

あと、確認しそびれたが、CDATAマーク区間は <![CDATA[ ]]> であって <!--[CDATA[ ]]--> ではないので修正しておくこと

全文を見る
すると、全ての回答が全文表示されます。
回答No.1

多分仕様。 ================ 【検証に用いたソース】 <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/2.0) 1.0//EN" "i-xhtml_4ja_10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" dir="ltr"> <head> <meta http-equiv="content-type" content="application/xhtml+xml; charset=shift_jis"/> <style type="text/css"> <!--[CDATA[ a:link{color:#3c5fcc;} a:hover{color:#996600;background-color:#FFF4E0;text-decoration:none;} a:visited{color:#990099;} ]]--> </style> <title>トップページ</title> </head> <body> <p> <span style="font-size:xx-small;">X</span> <span style="font-size:x-small;">X</span> <span style="font-size:small;">X</span> <span style="font-size:smaller;">X</span> <span style="font-size:medium;">X</span> <span style="font-size:larger;">X</span> <span style="font-size:large;">X</span> <span style="font-size:x-large;">X</span> <span style="font-size:xx-large;">X</span> </p> </body> </html> =================== 【検証環境】 i-mode HTMLシミュレータ2(ローマ数字だしていいかわからんので算用数字で代用) http://www.nttdocomo.co.jp/service/imode/make/content/html/tool2.html ANHTTPD(text/htmlだと全ての文字の大きさが同じになってしまう。レンタルでは設定が出来るかわからないのでローカルでWebサーバを構築した) 結果 xx-small～smallerまでが同じサイズ、 larger～xx-largeまでが同じサイズ mediumが中ぐらいとなった。 W3C CSSがどうあれ、改めてNTTの比較表を確認すると http://www.nttdocomo.co.jp/service/imode/make/content/xhtml/chart/index.html xx-small～smallはフォントサイズ小 mediumはフォントサイズ中(デフォルト) large～xx-largeはフォントサイズ大 の3分類にしかなっていないからだ。大きくなる、とは述べられていない

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. XML

関連するQ&A

  • xhtmlのスタイルシートについて

    <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta name="robots" content="noindex,nofollow,noarchive" /> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> t { color : 407133; k { color : 337060; r { coior : 454580 &gt; </style> ↑どこか間違っているところがありましたら教えてください。 <span class="#407133">てすと</span>　文字色が変わりません。 どなたか指摘願います。

  • 携帯サイトでのcssトラブル

    携帯サイトを作っています。 xhtmlの宣言を↓の通りにしております。 <?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"> リンクなどは、cssを使ってサイトを作っており、3キャリアのエミュレーターでは問題なく表示されています。 しかし、本の通りに作っているのですが、自分の携帯（docomo SH-03A)ではまったくcssが機能しません。 以下に、主に使っているタグなどについて書いていきます。何かおかしいところがあれば教えてください。 内部参照リンク <style type="text/css"> <!-- a, a:link {color:#ff0000;} a:visited {color:#ff0000;} a:active {color:#ffffff;} a:hover {color:#663399;} --> </style> ボディスタイル <body style="background-color:#ccccff;color:#000000;"> <div>タグ <div style="text-aling:center;background-color:#000099;font-size:medium; color:#ffffff;" align="center">○○○○</div> ↑でだめだったので、↓のように<span>にはさんでみたがだめでした。 <div align="center"><span style="text-aling:center;background-color:#000099;font-size:medium; color:#ffffff;">○○○○</span></div> 非常に困っています。なにとぞよろしくお願いします。

    • ベストアンサー
    • HTML
  • 現在、携帯用のXHTMLとCSSを勉強中で、いろいろなサイトや本を見な

    現在、携帯用のXHTMLとCSSを勉強中で、いろいろなサイトや本を見ながら勉強しています。 一点教えていただきたいのですが --- <head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=shift_jis" /> <meta name="keywords" content="検索キーワード"> <meta name="description" content="サイト紹介文"> <title>■■■</title> <style type="text/css"> .marquee{display:-wap-marquee; -wap-marquee-loop:infinite;} <![CDATA[ a:link{color:#750D0A;} a:visited{color:#750D0A;} a:link#menu{color:#FE9091;} a:visited#menu{color:#FE9091;} ]]> </style> </head> <body style="background-color:#F1EAD8; color:#000000;"> <span style="font-size:xx-small;"> --- いくつか見て、このような<head>の形が基本になっているようなのですが CSSにおいて <style type="text/css"> <![CDATA[ ]]> </style> の中に入るもの、入らないものはどう違うのでしょうか？ <style></style> の中に <body style="background-color:#F1EAD8; color:#000000;"> <span style="font-size:xx-small;"> を入れてはいけないのでしょうか？ わかりにくい質問ですみません。もしくは根本的に何か分かっていないのかもしれません… どうぞよろしくお願い致します

  • body font-size:13px; IE6

    CSSライブラリ　YUIの font-size:13px;　からの　font-size:100%;　のセットで、 /* YUIのCSS */ body{ font-size: 13px; *font-size: small; *font: x-small; } div{font-size: 100%;} この場合の以下は、 ------------------- *font-size: small; *font: x-small; ------------------- IE6用の font-size: small と font-size: x-small の為にあるのでしょうか？ それなら、CSSでfont-size: small; と font-size: x-small;を使わないで、font-size: 85%;とか使えば上記のハック不要って事でしょうか？ <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 上記の様なXHTML,１行目xml宣言付きの場合、 IE6用の *font-size: small; *font: x-small; を書いても font-size: small と font-size: x-small が小さくならないので、 xml宣言ありでIE6では標準にならないのでハック不要って事ですか？ IE6で見てもハックを付けても消しても同じなんですが・・・ なんか間違っているのでしょうか？

    • ベストアンサー
    • HTML
  • xhtmlで携帯サイトを作成するとsoftbankで文字化け

    こんばんは。 夜分遅くに質問させていただきます。 最近、xhtmlで携帯サイトを作成しているのですが どうも、softbankから閲覧すると文字がすべて?????????????となって 表示されるようなのです。 これはxhtmlの表記が間違っているために起こっている問題なのでしょうか？ それとも、文字コードの問題なのでしょうか？（shift-jis）で固定しています。 また、phpで作成しているため、そのような問題が起きたのか、とも思います。 以下に上部のソースを記述いたしますので、どなたか、何処に問題があるのか教えていただけないでしょうか？　よろしくお願いします。 <? echo"<?xml version=\"1.0\" encoding=\"shift-jis\" ?>"?> <? if($env=="E"){ echo "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML Basic 1.0//EN\" \"http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd\">"; }elseif($env=="i"){ echo "<!DOCTYPE html PUBLIC \"-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/2.2) 1.0//EN\" \"i-xhtml_4ja_10.dtd\">"; }elseif($env=="S"){ echo "<!DOCTYPE html PUBLIC\"-//WAPFORUM//DTD WML 2.0//EN\" \"http://www.wapforum.org/wml20.dtd\">"; }?> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta name="ibm:devicetype" content="i-mode6_foma"> <meta http-equiv="content-style-type" content="text/css" /> <meta http-equiv="cache-control" content="no-cache"> <?php if($env=="i"){ echo"<style type=\"text/css\">"; echo"a:visited{color:#0000ff;}"; echo"</style>"; }else{ echo"<style type=\"text/css\">"; echo"#font{font-size:12px; color:red;}"; echo"#ffffont{color:brown;}"; echo"#back{background-color:#b0c4de;}"; echo"</style>"; } ?> <title>まつ毛</title> </head> <body link="#0000ff" vlink="#0000ff"> <br /> <br /> <div style="text-align: center;"> <img src="<?=$titleg?>"> <br /> </div> <br /> <br /> <?php if($env=="i"){echo "<hr style=\"border-style:solid; border-color:#000000;\"/>";} else{echo"<hr color=\"#000000\"; />";} ?> <div style="text-align: center;"> <div style="background-color:#000000; color:black;"> まゆげまつげ </div> </div> <?php if($env=="i"){echo "<hr style=\"border-style:solid; border-color:#b0c4de;\"/>";} else{echo"<hr color=\"#b0c4de\"; />";} ?> <br /> <br /> <hr style="border-style:solid; border-color:#000000;"/> <div style="background-color:#808df0f; color:000000;"> yahoo japan! </div>

    • ベストアンサー
    • HTML
  • i-modeでxhtmlをみるには、、

    Perlからxhtmlをはきだして、i-modeで見れるようにしたいのですが、 表示がうまくいきません。 ヘッダーは Content-type: text/html; charset=Shift_JIS <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-Transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> こんな感じです。 「Content-type: text/html; charset=Shift_JIS」の部分を 「Content-Type: application/xhtml+xml」や 「Content-Type: application/xhtml」等でやっても表示されませんでした。 もし分かる方がいましたら教えてください。 宜しくお願いします。

    • 締切済み
    • XML
  • 携帯サイト　ＨＲの色のつけ方

    XHTMLで携帯サイトを作っています。 <?xml version="1.1" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/1.1) 1.1//EN" "i-xhtml_4ja_10.dtd"> が先頭に入っているとき、 <hr color="#FF0000"> もしくは <font color="#FF0000"><HR></font> を実行していますが、色がつかなくなります。 上記の方法で色を付ける方法を教えてください。

  • 携帯サイト用　XHTML　doctype宣言

    今、携帯サイトでXHTMLを使用したサイトを作成すること考えています。 3つのキャリアを別々に作るのは趣味範囲では難しいため、3つのキャリアに対応しているサイトの作成を考えています。 そこでdoctype宣言についてご質問なのですが、3つのキャリアは別々の宣言があり、 Docomoなら <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/*.*) 1.0//EN" "i-xhtml_4ja_10.dtd"> SoftBankなら <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//J-PHONE//DTD XHTML Basic 1.0 Plus//EN" "xhtml-basic10-plus.dtd"> auなら <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//OPENWAVE//DTD XHTML 1.0//EN" "http://www.openwave.com/DTD/xhtml-basic.dtd"> とあります。 これらの宣言を記述するとキャリアごとにサイトを作成しないといけないため、3キャリア共通の宣言をご教授いただけないでしょうか？ また、ないのであればこれらをXMLファイルに書き込みhtmlファイル内の記述でXMLファイルを読み込むことは可能でしょうか? 可能なのであればその際の記述方法をご教授いただけないでしょうか？ 宜しくお願い致します。

  • i-modeサイトのタグについて（xhtml）

    今週からi-modeサイト作成の勉強をはじめ、 下記のサイト作成をしています。 http://www.ismn.sega.co.jp/i/m/?uid=NULLGWDOCOMO だいたいそのまま作成することが出来たのですが、 リンクの下線を１つ１つ別の色にするやり方が分かりません。 例えば、 <a href=""><span style="color:#ff0078;font-size:small">歌詞</span></a> のように、フォントの色がff0078だった場合 リンクの下線の色もff0078に <a href=""><span style="color:#ff0078;font-size:small">カラオケ</span></a> のように、フォントの色が14A0BE場合 リンクの下線の色も14A0BEにしたいといった具合です。 このように全体のリンクの下線の色を 設定するやりかたしかわかりません。 <style type="text/css"> <![CDATA[ a:link{color:#0000ff} a:visited{color:#0000ff} ]]> </style> ちなみに、CSSは分かりません・・・ 丸暗記で、上記のようにすれば、下線の色が設定できる のを知っている程度です。 普通のxhtmlではなくi-mode対応のタグを教えていただければと思います。 分かる方がいましたらよろしくお願いします。

  • 外部から読み込んだCSSとヘッダに書いたCSSでフォントサイズの表示が変わってしまう

    Win IE6にて、外部から読み込んだCSSとヘッダに書いたCSSでフォントサイズの表示が変わってしまいます。 下のようにヘッダに書いた場合のフォントサイズが、 外部CSSにのみ同じように書いた場合に比べて小さくなります。 --------------------------------------------------------------- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="ja" xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>テスト</title> <link href="test.css" rel="stylesheet" type="text/css" media="all" /> <style type="text/css" media="all"> <!-- #a .b { font: 70% "ＭＳ Ｐゴシック", Osaka; color: #333333; } --> </style> </head> <body> <div id="a"> <div class="b">表示のテストです</div> </div> </body> </html> ----------------------------------------------------- 外部CSSに書いた場合でも小さく表示させるようにするには どうしたらいいでしょうか？ また、小さくなる原因はわかりましたらご教授願います。

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する