- 締切済み
モバイルサイトを作ってますけど、たまに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の問題ですか？ 実際にサイトで確認してみると問題はありませんが、、、
- sms0306
- お礼率0% (0/1)
- HTML
- 回答数1
- ありがとう数4
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- rurino
- ベストアンサー率55% (38/68)
<font color="FF7400" size="-1" style="font-size:xx-small" color="#5C410D"></font> 最初のcolor=""に#がついていないのと、color=""が2つ記述されてるのが気になります。
関連するQ&A
- モバイルサイト 3社統一の文字サイズにするには？
htmlの3社共有モバイルサイトを運営しています。 文字をサイズを3社基準で1段階だけ小さくしたいのですが、何か方法はあるでしょうか？ 3社ともに有効タグが違うのでよくわかりません。 現在はあるサイトを参考に下記のようにしています。 ---.html--- <div style="text-align:center;" class="small"> <span style="font-size:smaller;">[<a href="test.html">小さい文字</span> </div> ------------ ---.css--- .small { font-size:12pt; } --------- しかしこれではAUでは2段階文字が小さくなってしまって困っています。 拡張子はhtmlのままで1段階づつ小さくさせる方法があれば教えてください。
- 締切済み
- HTML
- ▲▲パソコンの中ではリンクできるが、INET上ではPageが表示されない。。。▲▲
このように作成しました。INET上ではリンクできません。助けててください。</head>より上はカットしました。 <body> <hr color="#0000FF" style="filter:alpha(opacity=100,finishopacity=0,style=3);" width="350"> <font size="3"><div align="center">Hand-made HTML</div></font> <hr color="#0000FF" style="filter:alpha(opacity=100,finishopacity=0,style=3);" width="350"><br> <br> <font size="2"><div align="center">本日は、Hideyuki.comのHTML講座にお越し頂きまして、ありがとう御座います。<br> ここでは、HTMLについてご説明しています。勿論サイト自体も、手打ちで作っています。<br> 心行くまで、楽しんでいって下さい。</div></font></td> <br> <HR color="#777777" style="filter:alpha(opacity=100,finishopacity=0,style=3);"> <br> <br> <font size="3"><a href="Hand-made_HTML_HTML概要.html" style="text-decoration:none;">■HTML概要</a></font><br> <font size="2">- HTMLを簡単に説明しています -</font><br> <br> <font size="3"><a href="Hand-made_HTML_HTML基本.html" style="text-decoration:none;">■HTML基本</a></font><br> <font size="2">- HTMLの基本をご説明しています -</font><br> <br> <font size="3"><a href="Hand-made_HTML_Web概要.html" style="text-decoration:none;">■Web概要</a></font><br> <font size="2">- HTMLを深く学ぶ前に少しWebの勉強をしましょう -</font> </body> </html>
- ベストアンサー
- HTML
- 携帯サイトの背景と文字位置が反映されません
携帯サイトを作っています。 参考にしたのは「All about」にあった携帯サイトの作り方で 試したのですが、背景や文字位置等がうまく反映されません。 下がソースです。（東京のお菓子というのは仮に入れてます） 具体的にはバックグラウンドを指定してもバックグラウンドが表示されず、centerを指定しても全部左寄せになってしまいます。 ちなみにパソコンで見るときちんと表示されています。 私の持っているdocomoの端末(P902iS)ですとバックグラウンドが表示されず 左寄せになってしまいます。 それぞれにスタイルで文字の大きさや背景などを指定するやり方は ALL aboutの携帯サイトの作り方を参考にしています。 何か間違いなどあればご指摘いただけないでしょうか？ よろしくお願いします。 <?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"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml ; charset=Shift_JIS" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta name="keywords" content="お菓子,お花" /> <meta name="description" content="東京のお菓子お花屋です" /> <title>東京お菓子お花title> </head> <body> <div style="background-color:#cc0000; color:white;">お菓子屋さん<br /> （東京お菓子）<br /> 東京都</div> <div style="text-align:center;"><img src="******title1.gif" width="80" height="120" border="0" /></div> <div style="font-size : smaller;color : #624a20;text-align : left;">お菓子屋さんではお菓子やお花を販売しています。東京にあります。<br /> </div> <div style="font-size : smaller;color : green;">◆<a href="index.html">トップページ</a><br /> ◆<a href="okashi.html">お菓子屋のご紹介</a><br /> ◆<a href="ohana.html">お花のご案内</a><br /> ◆<a href="zakka.html">雑貨のご案内</a><br /> ◆<a href="access.html">アクセス</a><br /> ◆<a href="http://www.*******.com/">PCホームページ</a><br /> </div> <div style="font-size : smaller;color : #624a20;text-align : left;">お電話、メールにてお気軽にお問い合わせ下さい。またパソコン用HPもありますので、詳しくはそちらもご覧下さい。<br /> </div> <div style="color : #ffffff;background-color : #a57e37;text-align : center;">◎お問い合せ◎</div> <div style="text-align:center; font-size:smaller;">電話での問合せ<br /> <a href="tel:03*********">03-***-****</a><br /> メールでの問合せ<br /> <a href="mailto:info@******.com">コチラ</a></div> <div style="font-size : smaller;color : #660000;text-align : center;">お菓子屋さん<br /> ***-****<br /> 東京都<br /> 渋谷区******</div> </body> </html>
- 締切済み
- その他([技術者向] コンピューター)
- 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/Class/IDの使用について
初めて携帯サイトを作っています。 モバイルサイトに詳しい方、教えてください。 CSSは外部ではなくHEADのスタイル部分に記述しています。IE等のPCブラウザでは普通に表示されるのですが、エミュレーターで表示してみるとスタイル（ID)がまったく適用されません。 Classで指定している部分はそのスタイルが適用されているのですが、ID＃で指定すると適用されません。書き方に問題があるのでしょうか・・・。 まずはAUを対象に作っているのですが、何かAUどくとくの記述ルールがあるのでしょうか。教えてください。 以下ソースです。（CSSだけ）↓↓↓↓ <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//OPENWAVE//DTD XHTML 1.0//EN" "http://www.openwave.com/DTD/xhtml-basic.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <!-- XHTML宣言 ここまで --> <!-- ここから上は固定 --> <head><title>いまよむトップ</title> <meta http-equiv="content-type" content="text/html;charset=shift_jis" /> <!-- CSS --> <style type="text/css" media="メディアタイプ"> body {margin:0; padding:0;} .marquee { font-size:xx-small; /* 変更不可 */ color: #ffffff; background-color: #FF0066; } .top_logo {text-align: center;} .div_bace { font-size: x-small; /* 変更不可 */ background-color: #FFCCCC; } .div_bace#top {border: solid 1px #000000;} .title { font-size: medium; color: #ffffff; text-align :center; margin-top :0; } .title#001 {background-color: #ff0066;} .title#002 {background-color: #FF9900;} .title#003 {background-color: #33CCFF;} .title#004 {background-color: #000000;} .title#005 {background-color: #99CC00;} .title#006 {background-color: #FF9900;} .title#007 {background-color: #990099;} .title#008 {background-color: #FFFFB5;} .title#009 {background-color: #FF6699;} .title#010 {background-color: #000000;} .title#011 {background-color: #000000;} .div_bace#shinkan {border: 2px solid #ff0066; margin: 3px;} .div_bace#osusume {border: 2px solid #FF9900; margin: 3px;} .div_bace#tokushu {border: 2px solid #33CCFF; margin: 3px;} .div_bace#shoseki {border: 2px solid #000000; margin: 3px;} .div_bace#comic {border: 2px solid #99CC00; margin: 3px;} .div_bace#shashinshu {border: 2px solid #FF9900; margin: 3px;} .div_bace#boyslove {border: 2px solid #990099; margin: 3px;} .div_bace#magazine {background-color: #FFFFB5; margin: 3px;} .div_bace#ranking {border: 2px solid #FF6699; margin: 3px;} .div_bace#imayomu_room {border: 2px solid #000000; margin: 3px;} .div_bace#search {border: 2px solid #000000; margin: 3px;} .footer {border: 2px solid #000000; margin: 3px;} .bottom_base {font-size:xx-small; /* 変更不可 */} .hr_color { color:#808080; /* 変更不可 */ width:100%; /* 変更不可 */ size:1px; /* 変更不可 */ } .smallest {font-size: xx-small;} .smallest#orange {color: #ffcc00;} .smallest#red {color: #ff0000;} .smallest#pink {color: #FF00FF;} .smallest#gray {color: #C0C0C0;} .smallest#blue {color: #3300CC;} .border { width :100%; height :90px; margin :5px; border-top: 2px solid #ff0066; border-bottom: 2px solid #ff0066; text-align: center; } .largest {font-size: medium;} .largestt#orange2 {color: #ffcc00;} .largest#red2 {color: #ff0000;} .largest#pink2 {color: #FF00FF;} .largest#gray2 {color: #C0C0C0;} .largest#blue2 {color: #3300CC;} </style> <!-- CSS ここまで--> </head>
- ベストアンサー
- HTML
- 現在XHMLで携帯サイトを作成しています。
現在XHMLで携帯サイトを作成しています。 <div align="center" style="background:#C4DD72"> <span style="font-size:x-small;"><!--#include virtual="emoji/trans.php?emoji=1"-->○○<!--#include virtual="emoji/trans.php?emoji=1"--></span><br /> <form> <input type="text" size="14" name="a" istyle="3" format="m" mode="alphabet" /> <input type="submit" value="ログイン" /><br /><br /> </form> <a href="#"><span style="color:#CC3344;">[ 初めての方はコチラ ]</span></a> </div> の部分がドコモの７０シリーズで<form>～</form>で表示されません。 他のキャリア・機種はOKなのですが… どなたか携帯サイトに詳しい方よろしくお願い致します。
- 締切済み
- HTML
- （携帯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
- モバイルサイト＜3キャリア＞：auでwidth指定が無効化される？
モバイルサイト＜3キャリア＞：auでwidth指定が無効化される？ ３キャリア共通仕様のHTMLサイトを作成しています。cssはインラインで使用しています。 あ行 あ い う え お か行 か き く け こ... のような「あいうえお表」を挿入したいのですが、タイトルのとおりauで表示が崩れます。 実現したい仕様は添付画像の【docomo,Softbank】のような形で、この2キャリアでは問題なく表示されています。 が、【au】で見ますとそれぞれの要素のwidth指定が無視され、100%表示されてしまっているようです。 該当部分のソースは、以下のとおりです。 <div style="background-color:#FFF; padding:5px; margin:0;"> <div style="background-color:#FFF; padding:5px; margin:0; width:10px; height:15px; display:inline;">あ行</div> <div style="border:#333 1px solid; background-color:#FFF; width:15px; height:15px; padding:3px; margin-right:3px; display:inline;"><a href="list_a.html"><font color="#FF0066">あ</font></a></div> <div style="border:#333 1px solid; background-color:#FFF; width:15px; height:15px; padding:3px; margin-right:3px; display:inline;"><font color="#FF0066">い</font></div> <div style="border:#333 1px solid; background-color:#FFF; width:15px; height:15px; padding:3px; margin-right:3px; display:inline;"><font color="#FF0066">う</font></div> <div style="border:#333 1px solid; background-color:#FFF; width:15px; height:15px; padding:3px; margin-right:3px; display:inline;"><font color="#FF0066">え</font></div> <div style="border:#333 1px solid; background-color:#FFF; width:15px; height:15px; padding:3px; margin-right:3px; display:inline;"><font color="#FF0066">お</font></div> </div><!--a end--> 思いつくままにスタイルを追加したので、その中に両立しないものがあるのかなと思うのですが、なにぶんまだ不勉強で・・・ tableで組み直すことも考えたのですが、それぞれのboxをborderで囲みたいのと間隔を空けたいため、ソースが今以上に膨大になってしまう気がして踏ん切りがつきません。 ここを直せばいい、tableでも組める等、お知恵をお貸しください。よろしくお願いいたします。
- ベストアンサー
- HTML
- divの継承について
次のような場合、<font color=red>テスト</font>の文字だけ小さくなってしまいました。フォントサイズが継承されなかったようなのですが、どのようにしたら同じ大きさで表示できるでしょうか？ <div class="sample"><a href="http://www.sample.com/"><font color=red>テスト</font>リンクです</a></div> 以下は外部CSSファイルに記載 .sample{ font-size: 12pt; color:#0000FF;} .sample{ font-size: 12pt; color:#0000FF;} .sample a:link{ font-size: 12pt;} .sample a:visited{ font-size: 12pt;} .sample a:hover{ font-size: 12pt;} .sample a:active{ font-size: 12pt;}
- ベストアンサー
- CSS
- innerHTMLに重なるselectボックス
小さな画面を出しているのですが、開いた画面がselectボックスに重なると、selectボックスが前面になってしまいます。 これはどうにかならないでしょうか？ 以下サンプルスクリプト <html> <head> <title>テスト</title> </head> <body> <script language="JavaScript"><!-- b_color="red"; //枠の色 g_color="#ffffff"; //背景の色 f_size="10"; //文字サイズ f_color="#000000"; //文字色 set_x=-20; //オフセットX set_y=-5; //オフセットY //-------------------------------------- document.write("<div ID='tiptext'STYLE='position:absolute;z-index:2;border:1px solid;padding:5px;"); document.write("border-color:"+b_color+";font-size:"+f_size+"pt;background-color:"+g_color+";"); document.write("color:"+f_color+";"); document.write("display:none'>"); document.write("</div>"); function openw(t1){ divid="tiptext"; if(document.all){ d_div=document.all(divid); rx = event.clientX + document.body.scrollLeft +set_x; ry = event.clientY + document.body.scrollTop +set_y; }else{ d_div=document.getElementById(divid); rx = NNX + set_x; ry = NNY + set_y; } if (t1) { d_div.style.display="block"; d_div.style.left = rx +"px"; d_div.style.top = ry +"px"; d_div.innerHTML = "<p>画面表示</p>"; d_div.innerHTML += "<span style=\"cursor:hand;color:#0000ff;text-decoration: underline;\" onclick=\"openw('')\">閉じる</span><br>"; d_div.innerHTML += '<br>'; d_div.innerHTML += 'a<br>'; d_div.innerHTML += 'i<br>'; d_div.innerHTML += 'u<br>'; d_div.innerHTML += 'e<br>'; d_div.innerHTML += 'o<br>'; d_div.innerHTML += '<br>'; //d_div.innerHTML = d_div.innerHTML +'<a href="#" onclick="openkeyboard(\'\')">閉じる</a><br>'; d_div.innerHTML += "<span style=\"cursor:hand;color:#0000ff;text-decoration: underline;\" onclick=\"openw('')\">閉じる</span><br>"; }else{ d_div.style.display="none"; d_div.innerHTML = ""; } } function MouseXY(NNevent){ NNX = NNevent.pageX; NNY = NNevent.pageY; } window.onmousemove = MouseXY; /* himajin.moo.jp */ // --> </script> <a href="#" onclick="openw('1')">子画面表示</a><br> あ<br> い<br> う<br> え<br> お<br> <a href="#" onclick="openw('1')">子画面表示</a><br> <form> <input type="text"><br> <input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><br> <select name="zz"> <option value="0">00000000000000</option> <option value="1">11111111111111</option> <option value="2">22222222222222</option> <option value="3">33333333333333</option> </select> </form> <a href="#" onclick="openw('1')">子画面表示</a><br> </body> </html>
- ベストアンサー
- JavaScript
