- 締切済み
携帯サイトの<div>タグについて
教えてください。 過去の質問No.1519748（未解決）と同内容になるかと思いまが、携帯サイトで <div style="background-color:#000000"> ここに何か書く </div> を反映させるにはどのような方法があるのでしょか？ http://cawa.m-store.jp/i/cgi-bin/index.cgi?uid=NULLGWDOCOMO を参考にソースを解読したのですが、反映されない理由が分かりません。 HTMLだけではなくcgi等も絡んでくる問題なのでしょうか？ ちなみに、ドリームウィーバーで作成してFOMA(実機)で閲覧すると反映されていない という状況です。どうかみなさまのお知恵を貸してください。よろしくお願いいたします。
- みんなの回答 （6）
- 専門家の回答
みんなの回答
- lostmanweb
- ベストアンサー率75% (6/8)
- steel_gray
- ベストアンサー率66% (1052/1578)
- altern8
- ベストアンサー率36% (17/47)
見せていただいたコードでファイルを作成して、サーバーに上げてみました。D902i と SH901iCで再現させてみたら文字の背景が黒で表示されているので問題ないようです。 ファイルの拡張子は.xhtmlになっていますでしょうか？
補足
ご回答ありがとうございます。 <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC" -//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/1.1)1.0//EN"" i-xhtml_4ja_10.dtd"> <html> <head> <title>テストページ</title> </head> <body> <div style="background-color:#000000"> ほげ </div> <p> 普通に何か書くところ </p> </body> </html> 上記ファイルを etc.xhtml というファイル名でアップしてみましたが、だめでした。 そもそもブラウザで表示されず、メモ帳としてソースコードだけが開いてしまいます。 何度もご回答いただいているにも関わらず理解力がなく大変申し訳ございません。
- steel_gray
- ベストアンサー率66% (1052/1578)
お使いのサーバにより、xhtml文書となり得る拡張子が違う場合があります。 ファイルの拡張子をxmlにしてみるとか… それでもだめならサーバに確認してください。
お礼
ご回答ありがとうございます。 拡張子もxmlに変更してみましたがだめでした...。 サーバーサイドの問題も可能性として考えてみます。 ありがとうございました！
- altern8
- ベストアンサー率36% (17/47)
僕の認識ではdiv style="background-color:#000000">ほげ</div>は有効ですし、実際に使っています。 コード内でDOCTYPEを宣言しているかどうか。拡張子はxhtmlになっているかどうか教えてください。もちろん確認する端末はxhtml対応機種であることが条件です。 http://cawa.m-store.jp/i/cgi-bin/index.cgi?uid=NULLGWDOCOMO 上記URLのサイトのdivタグは書き方がまずいので有効になってないと思うのですが・・・
お礼
altern8様 ありがとうございます。 具体的には下記のソースコードとなっております。 <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC" -//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/1.1)1.0//EN"" i-xhtml_4ja_10.dtd"> <html> <head> <title>ihtml</title> </head> <body> <div style="background-color:#000000"> ほげ </div> <p> 普通に何か書くところ </p> </body> </html> 確認している端末はFOMA SO902iです。 ズバリ間違いを修正した、正しいソースコードの記述をいただければ大変ありがたいのですが...申し訳ございません。
補足
ご回答ありがとうございます！只今から会議に入りますので、会議終了後試してみます。
- saaya_holic
- ベストアンサー率23% (46/195)
参考URLをご覧ください。 全てのインラインスタイルシートが有効ではないと思います。
お礼
早速のご回答ありがとうございます。 http://cawa.m-store.jp/i/cgi-bin/index.cgi?uid=NULLGWDOCOMO はスタイルシートで制御？されているということですね？CSSのファイルがない為、同じタグを使っても反映されないということでしょうか？何卒、ご教授願いいたします。
補足
調べたとこと、インラインスタイルシートとは直接タグに埋め込むものでした。ありがとうございます。
関連するQ&A
- docomo携帯サイトのボックスのマージン
携帯サイトで、ボックス(div)に対して マージンを適用させたいと思っています。 実際にそういうサイトがあったので、実現させたいのですが とあるサイトにあった以下のソース <div style="background-color:#ffcccc; margin:0px; padding:0px;">↵ きつきつ</div> <div style="background-color:#ccffcc; margin:1em; padding:1em;↵ border-width:1em; border-style:solid; border-color:#006600;">ゆったり</div> <div style="background-color:#ccccff; margin:0.5em; padding:0.5em;↵ width:2em;">はば指定</div> こちらではDocomoの実機でマージンが取れませんでした。 Docomoの仕様等あるとは思いますが 実際にマージンをとってるサイトがあったのですが あれはどのように実現しているのでしょうか？ なにかいい方法があればご教授下さい。
- 締切済み
- HTML
- fc2無料ホームページにて携帯サイトを作成しております。文字サイズや色
fc2無料ホームページにて携帯サイトを作成しております。文字サイズや色が変更されません。 ２点質問させて下さい。 １．文字サイズの変更がされません。すべて同じサイズになってしまいます。 ２．１行だけ目立たせる為にリボンの様に色をつける事をしたいのですが表示されません。文字のみ表示されます。 ホームページビルダー上で作成しており、ソフト上では文字サイズもリボンの様な色も表示されます。 また、iモードHTMLシミュレータII上でも表示されるのですが、実機では表示されません。 よろしくお願いいたします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 14.0.2.0 for Windows"> <meta name="IBM:DeviceType" content="i-mode7_FOMA3"> <title></title> </head> <body> <div style="font-size:x-small;">小文字</div> <div style="font-size:medium;">中文字</div> <div style="font-size:x-large;">大文字</div> <div style="font-size:10;">size10</div> <div style="font-size:11;">size11</div> … <div style="font-size:20;">size20</div> <div style="background-color:#ff0000;">リボンの上に文字</div> </body> </html>
- ベストアンサー
- HTML
- menuのHTMLタグとCSSが上手くいかない
画像(1)が現状です。イメージは(2)です。何故HTMLタグを別々にするかというとスマホにしたらsubメニューをボトムに配置したいのです。 メニューとsubメニューの背景がくっつかないのです。 (1)を(2)にするにはどうすれば良いでしょうか？ 以下がHTMLタグとCSSになります。 アドバイスをお願いします。 HTMLタグ <div class="div1"><ul><li>メニュー1</li><li>メニュー2</li><li>メニュー3</li><li>メニュー4</li></ul></div> <div class="div2"><ul><li>sab1</li><li>sub2</li></ul></div> CSSスタイル ul li { list-style: none; } .div1 { background: #ccc; float: left; } .div2 { width: 240px; background: #999; float: right; } li { float: left; padding: 5px 15px; }
- 締切済み
- HTML
- CGI.pmでかけないタグってありますか？
質問タイトルのとおりなのですが、 CGI.pmで書けないHTMLタグってありますでしょうか？ 一覧などがあればURLを教えてください。 また、<div id="name"> や<div class="name"> は、どうやって書くのでしょうか？ バージョンによっては、 スタイルシートを読んだりする 論理的な意味しかないタグはサポートしていないんでしょうか。
- ベストアンサー
- Perl
- DIVタグの背景に画像を配置できない
<!DOCTYPE HTML> <html lang="jp"> <head> <meta charset="UTF-8"> <title>組織図</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> #figure_main { font-size:12px; margin-top:10px; margin-left:10px; width:510px; } #figure_main div { margin:0px; padding:0px; } #figure_main ul { margin:0px; list-style-type: none; width:510px; padding: 0px; } #figure_main li { float:left; text-align:center; background-color:#FFF; border:solid 1px #ccc; padding:5px; width:110px; display:block; margin-right: 40px; } #figure_main div.blank1 { float:left; background-color: #FFF; width:510px; height:10px; } #figure_main li.list_low { margin-left:212px; } #figure_main li.list_hei { margin-left:375px; } #figure_main li.list_l { margin-right:90px; } #figure_main li.list_r { width:120px; margin-right:0; } #figure_main div.list_lineT { background:url(images/listlineT.gif); } </style> </head> <body> <div id="figure_main"> <div class="list_lineT"> <ul> <li class="list_l">営業局</li> <li>人材派遣部</li> </ul> </div> <div class="blank1"></div> <div> <ul> <li class="list_low">営業推進部</li> <li class="list_r">メディア事業グループ</li> </ul> </div> </div> </body> </html> list_lineTクラスの背景「listlineT.gif」を指定しても表示されません。 パスは間違っていませんが。どこが違うのでしょうか？ 宜しくお願いします。
- ベストアンサー
- HTML
- スタイルシートが反映されません
スタイルシートをアップしたのですが反映されません。 ドリームウィーバー上では表示されるのですが、原因がわからず困っています。 前回までは表示されたのですが、更新作業を行ったら反映されなくなりました。 何か考えられる原因がありますでしょうか？
- 締切済み
- CSS
- JQueryでのリンク・・
turn.jsというページをめくるアニメーションをするJQueryをつかっているのですが ＨＴＭＬの中で、 <div id="＊＊"> <div style="background-image:url(**);"></div> <div style="background-image:url(**);"></div> <div style="background-image:url(**);"></div> <div style="background-image:url(**);"></div> </div> のように画像一枚ずつ指定していくのですが、このdiv要素の画像の中にリンクを埋め込むこと は可能でしょうか？ <div style="background-image:url(**)"><img src="**.jpg"usemap="#map" /><map name="map"><area shape="rect" coords="452,248,737,290" href="http://**" /></map></div> 上記のやりかただと適用されないので困っています。
- 締切済み
- HTML
- floatしたdiv内の要素について
下記のようなHTML、CSSで、 floatしたdiv「leftside」内にp要素を配置すると p要素の上下に空間が発生します。 このp要素の上下の空間はなんでしょうか？ どうすれば消えますか？ ちなみに、スタイルシートから「leftside」の「float: left;」を削除するとp要素の上下空間はなくなります。 または、pタグで囲まなくても空間は消えます。 よろしくお願いいたします。 ■Html <!DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="test_style.css" media="all"> </head> <body> <div id="warapper"> <!-- ヘッダ --> <div id="head"> </div> <!-- 左サイト --> <div id="leftside"> <p class="test">leftside</p> </div> <!-- コンテンツ --> <div id="contents"> contents </div> <!-- フッター --> <div id="footer"> <p>fotter</p> </div> </div> </body> </html> ■Css @charset "utf-8"; body{ /*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/ font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 90%; text-align:center; padding: 0; margin: 0; background-color: #fff; } #warapper{ text-align: left; width: 800px; margin:0 auto; /*ページ全体をセンタリングする指定*/ padding: 0; background-color: #ffffcc; } #head{ background-color: #000; height: 160px; margin: 0 0 20px 0; padding: 0; position: relative; /*ロゴ画像を右下に配置するため*/ } #topbar{ background-color: #dcdcdc; height: 50px; margin: 0 0 20px 0; padding: 0; } #leftside{ background-color: #ccc; width: 180px; float: left; padding: 0; margin: 0 0 20px 0; /*下方向に余白を設ける*/ overflow:hidden; } #contents{ background-color: pink; width:600px; float: right; padding: 0; margin: 0 0 20px 0; /*下方向に余白を設ける*/ } #contents_all{ background-color: pink; margin: 0 0 20px 0; /*下方向に余白を設ける*/ padding: 0 0 0 0; } #footer{ background-color:#666; text-align: center; clear: both; margin: 0; padding: 0.5em 0; } .test { background-color: red; }
- 締切済み
- CSS
- サイト名を入れ方がわかりません。。
フラッシュのフリー素材をダウンロードしてHPビルダーを使ってプレビューを見たらフラッシュ素材は反映されているのですが、サイト名を入れるところが、「site name]とそのまま出てしまいます。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 9.0.2.0 for Windows"> <META http-equiv="Content-Style-Type" content="text/css"> <META name="IBM:HPB-Input-Mode" content="mode/flm; pagewidth=940; pageheight=1200"> <TITLE>☆★★☆</TITLE> </HEAD> <BODY background="clo1516.gif"> <DIV style="top : 9px;left : 128px; position : absolute; z-index : 4; " id="Layer1"><IMG src="profilr.jpg" width="75" height="75" border="0"></DIV> <DIV style="top : 14px;left : 344px; position : absolute; z-index : 5; HTMLソースは、こんな感じです。一部ですが＞＜ 私が思うに☆★★☆の部分にサイト名を入れたらいいのかなぁと思って入れましたがプレビューで見ても反映されておりません。どうすればよいのでしょうか？
- ベストアンサー
- HTML
- フッター固定時のdivの背景について
フッターを画面下部に固定するため以下のようなHTMLを書きました。 フッターは固定できたのですが、コンテンツの量が少ないと背景が途中で途切れてしまいます。 コンテンツの量が少なくても背景を下まで（フッターの上まで）表示させるために何かよい方法はありますでしょうか？ <style type="text/css"> <!-- html, body { height: 100%; margin: 0; padding: 0; text-align: center; } #container { min-height: 100%; height: auto !important; height: 100%; position: relative; } #screen { width: 100%; text-align: left; padding-bottom: 100px; } #contents{ margin: 0 auto; width: 50%; background:Khaki; } #footer { height: 100px; width: 100%; position: absolute; bottom: 0; background-color: #7EC4E6; } --> </style> </head> <body> <div id="container"> <div id="screen"> <div id="contents"> コンテンツ </div> <div id="footer">footer</div> </div> </div> </body> </html>
- ベストアンサー
- HTML
お礼
steel_gray様ご回答ありがとうございます。 下記、チェックの結果の内容です。 HTTP/1.1 200 OK Date: Tue, 19 Sep 2006 00:39:18 GMT Server: Apache/1.3.34 (Unix) Connection: close Transfer-Encoding: chunked Content-Type: text/html; charset=Shift_JIS 0 ＞Content-Type: application/xhtml+xml ＞と、なっていなかった場合はサーバに問題があります。 それではサーバーを、教えていただいた設定にしてみます。iMode用のシミュレータもとても参考になりました。いろいろと教えていただき、大変ありがとうございました。