• 締切済み

i-modeサイトのタグについて(xhtml)

今週からi-modeサイト作成の勉強をはじめ、 下記のサイト作成をしています。 http://www.ismn.sega.co.jp/i/m/?uid=NULLGWDOCOMO だいたいそのまま作成することが出来たのですが、 リンクの下線を1つ1つ別の色にするやり方が分かりません。 例えば、 <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対応のタグを教えていただければと思います。 分かる方がいましたらよろしくお願いします。

みんなの回答

  • _himajin_
  • ベストアンサー率65% (128/195)
回答No.3

1の回答には一部間違いがありました。XHTML で書けば <span style="color:xxxx"> は下線以外色が変わりますね。 で、改めて i-mode の仕様を見てみましたが、スタイルシートにはほとんど対応していないようなので、XHTMLでもHTMLでも希望は満たせないのではないかと思います。 # i-mode の XHTML でサポートしている分は、i-mode の HTML で書けるものとほぼ同じのようです。 もし、どーしても!下線の色を変えたいというのであれば、下線の色を背景色と同じにして、画像に文字+下線を書いてやることも可能ではありましょうが…。

参考URL:
http://www.nttdocomo.co.jp/service/imode/make/content/
noname#100277
noname#100277
回答No.2

classやidが使えたら良いのですが、iモードでは使えませんね・・・ styleの記述でspanでは無く「div」ではどうでしょうか? <div style="color:#******;font-size:small"><a href="" title="">コメント</a></div>

  • _himajin_
  • ベストアンサー率65% (128/195)
回答No.1

i-modeブラウザでスタイルシートが解釈できるなら↓みたいな感じに、<span> ではなく <a> の中に書くとどうなるでしょう? <a href="" style="color:#ff0078;font-size:small">カラオケ</a> DoCoMoが公開しているi-mode HTML simulator II と言うやつで確認した限りでは↑も <span> も反応なしでしたが・・・ (au ユーザなので実機での確認はできないんです) PCのWebブラウザ(Firefox 2.0.0.14 / Firefox 3 Beta 5)では下線部分も含めて色が変わります。 スタイルシートにちゃんと対応しているなら、PCと同じ見え方になるはずです。(スタイルシートは見え方を制御するためのものなので)

w_naohiro
質問者

お礼

ご回答ありがとうございました。 firefoxでは正しく表示されたのですが、 i-mode端末ではやはり、表示できないみたいです; i-mode HTML simulator II で表示できなければ端末でも同じ結果のようです。

関連するQ&A

  • (携帯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
  • モバイルサイトを作ってますけど、たまにdreamweaverでソースが

    モバイルサイトを作ってますけど、たまにdreamweaverでソースが黒くなるときがあります。 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー <div> <font color="FF7400" size="-1" style="font-size:xx-small" color="#5C410D"> ■ <a href="#">test</a><br /> ■ <a href="#">test</a><br /> ■ <a href="#">test</a> </font> </div> ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー <font color="FF7400" size="-1" style="font-size:xx-small" color="#5C410D"> </font> この部分がそうなるのですが、これってdreaweaverの問題ですか? 実際にサイトで確認してみると問題はありませんが、、、

  • flashの外部テキストにリンク下線をつけたい

    flashの外部テキストのリンク部分に色や下線を付けたいのです。 下記過去ログを参考にスタイルシートを使ってみたのですが、うまくできませんでした。 http://oshiete1.goo.ne.jp/qa1055348.html スタイルの作成や登録はテキストファイルに記述していますが、間違っているのでしょうか? 足りないところは補足説明致しますのでよろしくお願いします。 ---テキストファイル--- text=<font color="#FF6600">■</font> [2007.11.10] <HP><a href="">テキスト</a></HP><font color="#FF6600"><b>NEW</b></font> <font color="#FF6600">■</font> [2007.11.10] <a href="">テキスト</a><font color="#FF6600"> <b>NEW</b></font> //スタイルを作成 styles = new TextField.StyleSheet(); styles.setStyle( "HP" , { textDecoration: 'underline' } ); //スタイルを登録 textbox.styleSheet = styles;

  • リンクの線を消してもう一度表示したい。ところが・・・。

    DTIでブログを作成している者です。 「リンクの下線を消して、ポイントしたときだけリンクの線が出るようにしたい」と思っています。 リンクの線を消すには、 <STYLE TYPE="text/css"> <!-- A { text-decoration:none } --> </STYLE> と入力すればよいとHTML辞書に書いてありました。 リンクをポイントしたときに下線が出るようにするには、 <STYLE TYPE="text/css"> <!-- A { text-decoration:none } A:hover {color:#FF0000;text-decoration:underline;} --> </STYLE> とタグを打ち込めばOKと書いてありました。 ここで、「リンクの下線を消してポイントだけ表示させる」ため、上記の二つ目のタグを打ち込んで文章を書き、リンクを作ったのですが、「リンクの下線を消して、ポイントした時だけ」という形では表示されません。(プレビュー画面ではちゃんとそうなっているのですが、その後ブログ上で見ても、下線もなければ、ポイントしても下線が出てきません。IEでもスレイプニルでも同じです。)正しくはどうやればいいのでしょうか? あと、リンクごとによって「ポイントする前の最初の文字の色」を変更したいのですが、どのような順序でやればよいでしょうか?例えば最初ピンク色に設定したとして、その文章をリンクすると青文字になってしまいます。その場合、青色になった箇所のソースで、その単語の直前に<FONT color="#ff00ff">のタグを打ち込む、というやり方であってますか?教えてください!

  • 現在、携帯用の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;"> を入れてはいけないのでしょうか? わかりにくい質問ですみません。もしくは根本的に何か分かっていないのかもしれません… どうぞよろしくお願い致します

  • 携帯サイトでの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
  • 文字の色をスタイルシートで設定した時、ハイパーリンクの文字の色を変えたいのですが

    スタイルシートの定義で質問です。 文字の色をスタイルシートで設定したとき、ハイパーリンクの文字の色を変えたいのですが やり方が分かりません。よろしくお願いします。 htmlは次の様に書いてます。 これだと、ハイパーリンク文字にマウスをおいても白文字のままです。 この時、赤色にかえたいのですが。 <head> <style type="text/css"> .style1 { color: #FFFFFF; font-size: small; } a:hover { color: red; text-decoration: none; } </style> </head> <body> <a href="xxxx.htm"> <span class="style1">ハイパーリンク文字</span></a> ・ ・ </body>

  • リンクの下線や色の指定を特定のところだけ設定したい

    HTMLページ内で、いくつもあるリンクの中で、特定の箇所だけ 下線を付けない onMouseの時だけ下線を付ける 色をデフォルト以外の色を付ける ようにしたいのですが、どのようにしたらいいでしょうか。 たとえばこの下はむちゃくちゃですが、 .link { font-size:12pt; color:#BF0000; font-weight: bold; text-decoration:none; a:link, a:visited { text-decoration: none; } a:hover { text-decoration: underline; }} こんな感じでスタイルシートに書いて <a href="xxxx.html"><span class="link">click</span></a> みたいな感じでも少しずつ変えながらいろいろ試してみたのですが 色やonMouse以外の時の下線なしはできたのですが、onMouse時の下線付きがうまくいきません。 どうすればよいかご存じの方ご教授ください。

    • ベストアンサー
    • HTML
  • spanを使わずに文字列の一部を赤色にする方法

    HTML/CSSについて教えてください。 文字列の一部を赤色にしたいとき、インラインで記載すると以下のようになると思います。 <span style="color:#FF0000;"> samplesamplesample </span> 上記内容を、 「span」を使わずにインラインで記載する方法を教えて欲しいです。 (HTML5用でお願いします) ※ググったところ、 <div style="display:inline;color:#FF0000;"> samplesamplesample </div> という書き方でよさそうに思うのですが、詳しくないのでよく分からず・・。 <font style="color:#FF0000;"> samplesamplesample </font> という書き方が、やりたいことに最も近い気がしますが、HTML5では禁止?されていると知りました。 恐れ入りますが、どなたかよい方法をお教えくださると嬉しいです。

    • ベストアンサー
    • CSS
  • h1タグについて教えてください。

    h1タグを付けると文字が大きくなってしまいます。 フォルダにメモ帳で h1 { text-align: center; font-size: 10px; font-weight: normal; color: #FF0000; } の内容です。フォルダの名前はstyle.cssです。 HPのソースには<HEAD></HEAD>の中に<link href="style.css" rel="stylesheet" type="text/css"> を入れてあります。 h1を使ったソースは <TD><h1>●●●●●</h1></TD>です。 ●の文字が大きくなってしまい困っています。教えてください。おねがいします。 初心者ですので伝え方の不足の部分があるかもしれませんが、宜しくお願いします。