• ベストアンサー

ドコモのXHTMLとi-CSSについて

http://i4.tinmachine.co.jp/gainax/free/index.html?uid=NULLGWDOCOMO ↑上記のサイト(PCからだとアクセス不可)の様に、背景色を何色も指定して、その上にメニューバー(IMG画像)を重ねて乗せて表示したいのですが、どう足掻いても上手く出来ません。 PCサイト用でのCSSでは出来たのですが、もちろんそのまま携帯で見ようとしても無駄でした。 ドコモのHPを見ましたがわかりませんでした。 またこのメニューバーのように、見る携帯により勝手にサイズ変更をしてくれるタグ等あるのでしょうか? どうぞよろしくお願いします。

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

  • ベストアンサー
  • huri
  • ベストアンサー率100% (2/2)
回答No.1

ご指定のサイトを見ますと、HTML上で背景色を指定し、背景色の切り替え部分にメニューバー(IMG画像)を重ねているように見えますが、 実際には画像自体に背景色が埋め込まれております。 また、i-XHTMLの場合は、CSSがインラインにしか対応していない為、 下記のように記述して頂ければ良いかと思います。 ------------------------------------ <div style="background-color:#FF0000">ここに文字を入れる</div> <div><img src="背景色を埋め込んだメニューバーの画像" /></div> <div style="background-color:#00FF00">ここに文字を入れる</div> ------------------------------------ ※カラーコードは、画像に背景色を埋め込んだものに合わせて。 ※DOCTYPE宣言等、詳細は参考URLで確認して下さい。 また、 >見る携帯により勝手にサイズ変更をしてくれるタグ等あるのでしょうか? ですが、参考URLで確認すると、画像自動縮小処理があるみたいなので、 メニューバーようなものに関しては、特に問題無いかと思いますが、 基本的に画像のサイズや容量を、見る携帯によって変更する為には、 プログラムで携帯端末を判別して画像を表示させる以外には無いかと思います。

参考URL:
http://www.nttdocomo.co.jp/p_s/imode/xhtml/
noname#15041
質問者

お礼

ご回答ありがとうございました!大変参考になりました、助かりました!!

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

関連するQ&A

  • xhtml&CSSで携帯サイト作成

    xhtml&CSSで携帯サイトを作成しているのですが、思うようにうまくいきません。 imgタグで表示したjpgファイルをセンタリングしたいのですが、色んな方法を試したのですが、どれも出来ませんでした。 xhtmlで、画像をセンターに表示させる、一番シンプルな方法はどうすればよいのでしょうか? また、作り方が載っているお勧めサイト等あれば教えて頂きたいです。

    • ベストアンサー
    • HTML
  • XHTML?CSS?iモードで作りたいサイト!!

    http://tagged.jp/CUBE/index.xshtml 上記サイトですがPCでは閲覧できないようです。背景の色が途中から切り替わる部分をまねしたいのですが、i-modeの最新機種はi-XHTMLに対応しているのでおそらくその言語でスタイルシートを用いて作られていると思うんですが、私ド素人なので肝心の書き方がわかりません(>_<)正直に言えばこのサイトのソースを見てコピペして同じ構成のサイトを作りたいんです。詳しい方教えてください!!ドコモのサイトは見ましたが使えるタグ等のリファレンスが書かれていても具体的にどうやって書いたらちゃんと表示されるのかもわかりません。どなたか親切な方、そのままアップして使えるようなかたちでソースを書いていただければ助かります。。私はドリームウィーバーを使用しています。

    • ベストアンサー
    • HTML
  • CSSでbackground-colorがうまく設定できない。

    初心者すぎてどうやってもわからなかったので質問させて頂きました。 以下のHTMLのタグ?(テキストナビ?のつもり)に背景色を付けたいのですが、CSSでバックグラウンドカラーを設定すると、背景色の高さが、ページの一番上まで伸びてしまいます。背景色の高さを調節したいのですがどうすればよいのでしょうか? <div id="navi"> <a href="index.html">Home</a> > <a href="inside.html">Inside</a> </div> この下のタグには文字に背景色が文字の高さ分、普通に表示されました。(上のタグの下にあります。) <div id="pagetitle"> <a class="midasi">Inside </a> <a class="komidasi"> - サイト概要 -</a> </div> 原因が分からないので関係あるのかわかりませんが、ページの一番上には、リストで作ったメニューバーがあります。このリストはmargin-topで下に下げてあります。その下に最初のタグが並んでいます。単独では問題ないと思うのですが、リストで作ったメニューバーの影響のような気がするのですが、よくわかりません。 どうやって質問したらよいのかわからなかったので、このようになりましたが、情報不足でしたら補足しますので、よろしくお願いします。

    • ベストアンサー
    • HTML
  • 背景ではなく、img srcをCSSで実装するには

    背景ではなく、img srcタグをCSSで実装したいです。 どうやればいいでしょうか?

    • ベストアンサー
    • HTML
  • cssで、imgタグに、背景画像を敷きたい

    cssで、imgタグに、背景画像(影)を敷く方法を教えてください。 ※divタグに敷く方法は分かるのですが、imgタグに敷く方法が分かりません。 ■現状 <HTML> <div id="hoge"> <img src~ <CSS> #hoge img { background-image:url(/images/background_shodow.jpg); background-repeat: none; background:position: ? width:? height:? margin:? padding:?; <影の大きさ> ・width400px ・height200px <写真のサイズ指定> ・width390px ・height190px ※これまでは、 写真のサイズが違うので、 css部分の#hoge img で、 画像の大きさを強制指定してました。 出来れば、 画像の大きさは、html側で指定せずに、 css側で調整したいです。 ムリなら、html側で大きさ指定します。 div枠にcss設定できれば早いかと思いますが、 それが出来ないため(img タグにしかcss指定不可)の相談です。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • iモードでCSSは使える??

    iモード専用サイトを作っていますが参考にしたいサイト⇒girlswalker.comというのがありましてこのサイトと同じような構成で作りたいのですが普通のHTMLではできないような背景(途中から背景色が切り替わる)になっているのでこのサイトはCSSを使っているんでしょうか?分かる方教えてください!ちなみにXHTMLに対応していないドコモ以外の携帯から上記サイトを見ても普通に表示されてしまうので最近の携帯から見れるかたお願いします。

    • ベストアンサー
    • XML
  • CSSのcurrentを使ったグローバルナビゲーションの作り方

    CSSのcurrentを使ったグローバルナビゲーションの作り方を教えてください。 以下のように二枚のつながった背景画像をロールオーバーさせるCSSのcurrentを使ったグローバルナビゲーションの作り方を教えてください。 画像URLと参考サイト http://www.kagaya.co.jp/images/menu_gNav.gif http://www.kagaya.co.jp/index.php

    • ベストアンサー
    • HTML
  • cssについて

    以下のサイトのCSSをベースにCSSについて勉強しているのですが、以下の点を実現する方法を教えてください。 ■cssベース  ttp://www.s-hoshino.com/web2/responsive_006/index.html ■参考にさせて頂いているサイト  ttp://www.htmq.com/csskihon/index.shtml ■実現したいこと。 1.ディスプレイがスマホサイズ表示(760未満)での上メニュー(メニュー一覧 表示する▼)を、  PCサイズ(950以上)のときのサイドメニュー(Site Menu)と同列に入れたい。 試したこと:g_navi、menu、gl_menuの名称を変えたコピーを  @media screen and (min-width: 950px){配下に追記したが、フォームが崩れメニューの開閉が作動しなかった。 2.ディスプレイPCサイズ時の「コンセプト」を「採用情報」の下に入れたい。 試したこと:htmlのコンセプトを採用情報下にコピーしたが、h3部分が大きくなり失敗。

    • ベストアンサー
    • HTML
  • st.css/呼び込まない??

    st cssのタグです。 /* ヘッダー*/ #head_wall{ width : 340px; height : 265px; text-align: center; background : url(img/wall01.gif) no-repeat center center; } #head{ width : 340px; height : 265px; text-align: center; background : url(img/photo.jpg) no-repeat center center; } このようなタグで呼び出していますが(テンプレサイト様のを使用) 背景のphoto.jpgが表示されません。 色々しましたがこちらではわからなかったのでここで質問させてもらいます。 この背景が表示されないのは呼び出してるHTMLのタグに問題があるのでしょうか? しかしテンプレサイトのものをそのままコピぺしてるのでそれは間違いないかと。 どなたかよろしくおねがいします。

    • ベストアンサー
    • CSS
  • iモードじゃないと見れないページをPCから見たい(>_<)!

    http://ipooh.disney.co.jp/pooh/portal/p_top.php?uid=NULLGWDOCOMO 上記サイトですがPCでは閲覧できないようです。正直に言えばこのサイトのソースを見たいのですがまずはPCから見られる方法があればどなたか詳しい方教えてください!!

    • ベストアンサー
    • PHP