質問 |
||
| QNo.3993658 | i-modeサイトのタグについて(xhtml) | |
|---|---|---|
| 質問者:w_naohiro |
今週から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対応のタグを教えていただければと思います。 分かる方がいましたらよろしくお願いします。 |
|
困り度:
|
||
| 質問投稿日時: 08/05/03 01:05 |
||
回答 |
|
| ANo.3 | 1の回答には一部間違いがありました。XHTML で書けば <span style="color:xxxx"> は下線以外色が変わりますね。 で、改めて i-mode の仕様を見てみましたが、スタイルシートにはほとんど対応していないようなので、XHTMLでもHTMLでも希望は満たせないのではないかと思います。 # i-mode の XHTML でサポートしている分は、i-mode の HTML で書けるものとほぼ同じのようです。 もし、どーしても!下線の色を変えたいというのであれば、下線の色を背景色と同じにして、画像に文字+下線を書いてやることも可能ではありましょうが…。 |
|---|---|
| 回答者:_himajin_ | |
| 種類:アドバイス どんな人:一般人 自信:参考意見 |
|
| 回答日時: 08/05/04 19:32 |
|
| |
| 参考URL: | http://www.nttdocomo.co.jp/service/imode/make/content/ |
| この回答への補足 | この回答に補足をつける(質問者のみ) |
| この回答へのお礼 | この回答にお礼をつける(質問者のみ) |
回答 |
|
| ANo.2 | classやidが使えたら良いのですが、iモードでは使えませんね・・・ styleの記述でspanでは無く「div」ではどうでしょうか? <div style="color:#******;font-size:small"><a href="" title="">コメント</a></div> |
|---|---|
| 回答者:aides | |
| 種類:アドバイス どんな人:経験者 自信:参考意見 |
|
| 回答日時: 08/05/03 15:47 |
|
| |
| この回答への補足 | この回答に補足をつける(質問者のみ) |
| この回答へのお礼 | この回答にお礼をつける(質問者のみ) |
回答 |
|
| ANo.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と同じ見え方になるはずです。(スタイルシートは見え方を制御するためのものなので) |
|---|---|
| 回答者:_himajin_ | |
| 種類:アドバイス どんな人:一般人 自信:参考意見 |
|
| 回答日時: 08/05/03 02:21 |
|
| |
| この回答への補足 | この回答に補足をつける(質問者のみ) |
| この回答へのお礼 | ご回答ありがとうございました。 firefoxでは正しく表示されたのですが、 i-mode端末ではやはり、表示できないみたいです; i-mode HTML simulator II で表示できなければ端末でも同じ結果のようです。 |