携帯電話のHTMLで点線の水平線の表示方法

2023/10/14 11:29

このQ&Aのポイント

携帯電話のHTMLで点線の水平線を表示する方法を調べましたが、iモードの<div>ではborder-style:dotted;を使うことはできません。
モバゲータウンの「みんなの日記」などの携帯サイトでは、点線の水平線が文書ブロックの区切りを示すために使われています。
携帯でHTMLソースを見る方法がわからず、モバゲータウンにアクセスするためのPC上のシミュレータも利用できません。

ベストアンサー

携帯電話のHTMLで点線の水平線を表示するには

2007/02/26 05:25

ある携帯サイト(例えばモバゲータウンの「みんなの日記」など）では１まとまりの文書ブロックの区切りを示すために点線の水平線が使われています。これはどのように表示するのでしょうか？ PCのHTMLの場合は<div>に対してborder-style:dotted;などで設定できるのですが、iモードの<div>ではこのスタイルシートプロパティには対応していないようです。<hr>に対してborder-style:dotted;を設定してみたのですがダメでした。まさか画像ということはないと思うのですが、どなたかわかる方いませんか？モバゲータウンはPC上のシミュレータからはアクセスできないのでHTMLソースが読めません。また携帯でHTMLソースを見る方法ってあります？

taafyzw
お礼率100% (4/4)

HTML
回答数1
ありがとう数2

みんなの回答 （1）
専門家の回答

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

ベストアンサー

suzuki-_-
ベストアンサー率77% (152/195)

2007/02/26 07:44 回答No.1

> まさか画像ということはないと思うのですが、どなたかわかる方いませんか？そのまさかで、画像ですお使いの携帯が何かはわかりませんが、その証拠として、 auやdocomoで閲覧した場合サブメニュー等から画像を保存で、その点線画像部分を携帯端末へ保存することが出来ます > また携帯でHTMLソースを見る方法ってあります？閲覧者のIP等で閲覧規制を行っている携帯端末専用サイトのHTMLを見る方法というのは残念ながらありません

質問者

お礼 2007/02/26 12:25

さっそくの回答ありがとうございます。確かにその通りでした。まず自分で調べるべきでしたね。

関連するQ&A

IE8で水平線（点線）を表示させるには？
ホームページを作っているのですが、行き詰ってしまったので質問します。点線を入れるために、 <hr align="left" width="450" size="1" color="#99E655"　style="border-style:dotted"> と打ったのですが、点線が表示されませんでした…。 firefoxではなんとなく表示できたのですが、IE8では太い１本線になってしまいました。調べたところ、IE8では水平線がおかしくなるようなことが書いてあったので、何か別の方法を知っている方は教えてください。
- ベストアンサー
- HTML
cssで点線を表示する方法
border-bottom-style: dotted; で、点線が表示されますが、もっと細かい点線を表示させる方法はありますか？（画像を使わない方法が知りたいです）ご存知の方いらっしゃれば教えて下さい。よろしくお願い致します。
- 締切済み
- ホームページ作成ソフト
HTML
HTML ホームページにスピンボックスというものを設置したんです。いかがその記述なんですが、下記のURLのページをご覧ください回転して出てくるのがそれです。今は一回閉じてしまうとその後は出てこないんですが、これを三分に一回出てくるように変えたいんです。できるんでしょうか？どこをどういじればいいんですか？ <DIV id=sp1107739598196spbox style="Z-INDEX: 75; FILTER: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand'); LEFT: -1000px; VISIBILITY: hidden; POSITION: absolute; TOP: -1000px"> <TABLE style="BORDER-RIGHT: #000000 2px dotted; BORDER-TOP: #000000 2px dotted; BORDER-LEFT: #000000 2px dotted; BORDER-BOTTOM: #000000 2px dotted" cellSpacing=0 cellPadding=0 border=0> <TBODY> <TR> <TD title=Close style="CURSOR: hand" onclick=sp1107739598196close() vAlign=center align=right bgColor=#000000><SPAN style="FONT-SIZE: 8pt; COLOR: #ffffff; FONT-FAMILY: verdana">閉じる ×</SPAN> </TD> </TR> <TR> <TD><IFRAME style="WIDTH: 380px; HEIGHT: 350px" border="0" src="pop.html" frameborder="0" allowTransparency></IFRAME> </TD> </TR> </TBODY> </TABLE> </DIV> http://www.geocities.jp/god80or20/downline/down2/downlineinr...
- ベストアンサー
- HTML
テーブルの線を点線にする
とても初歩的な質問ですいません。テーブルの線をすべて点線にしたいのですがどのようにしたらいいのかわかりません。 <table style="border-color:dimgray;border-style:dotted"> <tr> <td width="150" height="30"></td> </tr> <tr> <td width="150" height="30"></td> </tr> <tr> <td width="150" height="30"></td> </tr> </table> としたら周りの枠は点線なんですが３列あるはずの線が表示されません。その線も点線で表示させるにはどのようにしたらいいですか？
- ベストアンサー
- HTML
<hr>要素を点線で表示した場合の表記について
hrで点線を表示したいと考えています。そこでまず下記Aのような指定をしたのですが、行数を減らすため、Bの表記に変更しました。意味合い的には変わっていないと思うのですが、なぜかfirefox等いくつかのプラウザで点線の下に薄いグレーが表示されてしまいました。 IEでは意図した通りに表示されます。調べた所、薄いグレーはhr本来の色が表示されていること、 Bの表記に color: #fff;　を追記すれば解決することは解ったのですが、なぜまとめ表記にすることで表示が変わるのかが解らずすっきりしないので質問させて頂きました。詳しい方がいらっしゃいましたらよろしくお願いします。 -------------------------------------------------------------※ hr.A { border-width: 1px 0px 0px 0px; border-style: dashed; border-color: #000; height: 1px; width: 100%; } hr.B { border-top: 1px dashed #000; height: 1px; width: 100%; }
- ベストアンサー
- CSS
スタイルシートで点線のアンダーライン
スタイルシートを使用し、インデントを付けたテキストに点線のアンダーラインをつけようとしています。【CSS部分】 .honbun { 　border-bottom-style: dotted; 　border-left-width:20px; 　border-bottom-color: #523D2F; 　border-bottom-width: 1px; 　margin: 20px; 　line-height: 20px; } 【html部分】 <p class=honbun> 　テスト<br> 　テスト<br> 　テスト<br> </p> 【画面結果】　テスト　テスト　テスト　------ すべての行のテキストのアンダーラインに、点線のアンダーラインを入れたいのですが、ひとつの要素としてみてしまうのか、できません…。一行づつにスタイルシートで点線を指定しなければ実現できないのでしょうか。（そもそも不可能？）よろしくご教授ください。どうぞよろしくお願い致します。
- ベストアンサー
- HTML
HTMLでCSSでボーダーが表示されません。
HTMLでCSSでボーダーが表示されません。右サイドバー（right）の左にボーダーを表示させたいのですが、画像のように文字を記述したところまでしかボーダーが表示されません。ボーダーをfooterの上まで引きたいのですが、わかる方いらっしゃいましたら回答宜しくお願い致します。 ■HTML <html> <body> <div id="wrapper"> <div id="header"></div> <div id="container"> <div id="left"></div> <div id="right"> <div id="right_title"></div> <div id="right_content"></div> </div> </div> <div id="footer"></div> </div> </body> </html> ■CSS #right { float: left; height: auto; } #right_title { } #right_content { border-left-width: 1px; border-left-style: solid; border-left-color: #000; }
- ベストアンサー
- HTML
HTMLの添削をお願いします
初心者ながらＨＰを作っているんですが、下記のＨＴＭＬを実行するとＩＥではちゃんと表示されるのですが、ＦｉｒｅＦｏｘでは水平線が直前の文章より上側に表記されてしまいますので直し方を教えてください。あと、ＨＴＭＬ文の最後の方にある <div class="posi1"><p>この下に線を引きたいです</div></p> ですが、正しくは</p></div>だと思うんですがこれだとＩＥでも水平線が文章より上側に表示されてしまいます。できたらこの理由も教えてください。 <html> <head> <title>教えてください</title> <style type="text/css">  </style> </head> <br><br> <div class="posi1"><p>この下に線を引きたいです</div></p> <hr width="800"><br> <h4 align="center">文章</h4> </body> </html>
- ベストアンサー
- HTML
フレームHTMLについて。
サイトを作るにあたって、画面を二分割にしようと思っていますが、どうにも作る事が出来ません。サイト様を見ても分からない上に、とりあえず解説通りに実行しても良く分からない事になる。・・そんな状態がかれこれもう4ヶ月になります。もうサイト自体を諦めようか・・と思いましたが、最後にここで質問をして諦めるかどうかを決めようと思っています。そんな私が恥を忍んでお願いをします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html lang="ja">  <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <title></title> <style type="text/css">  </style> </head> <body> <div class="leline"></div> <div class="leline2"></div> <div class="main"> <h1>Site Title</h1> <div class="menu">■ <a href="#">What's New</a></div> <div class="menu">■ Sitemap</div> <div class="menu"><span style="color: #AA4548">■</span> Text <span style="font-size: 8pt">- 12/13</span></div> <div class="menu">■ Photo</div> <div class="menu">■ Bookmark</div> <div class="text"> ［一言スペース］<br> <br><br><br> </div> <div class="bottom">Since 2001.12.10 // E-mail</div> </div> </body> </html> ↑これに既にフレームを付けた状態のHTMLを切実に待っています。これをインターネットで表示すると、http://wdt.pekori.jp/template/top/007/007_gray.html←の様になります。
- 締切済み
- その他([技術者向] コンピューター)
Fire foxで2カラムの表示が乱れる
こんにちは。閲覧していただいてありがとうございます。現在会社のサイトをコーディングしています。 IEでは問題なく表示されるのですが Fire foxで確認したところ、2カラムの部分の表示が乱れてしまいます。具体的に言うと、メニュー（左側）の横にメイン（右側）が並ぶ状態がメニュー（左側）の下に回り込んでしまう状態です。 floatの設定に問題があるのかなと思うのですがどうも分かりません；以下がソースになります。申し訳ないのですが、少し急いでいるのでお早めにご教授いただけると助かりますm(_ _)m ＜HTMLソース＞ <div id="layout"> <div id="header">ヘッダー</div> <div id="contents"> <div id="menu">メニュー（左側）</div> <div id="mein">メイン（右側）</div> </div> <div id="footer">フッター</div> </div> ＜CSSソース＞ #layout{ margin:0px; padding:0px; width:762px; text-align:left; background-color:#fff; border-right:1px solid #ccc; border-left:1px solid #ccc; } #header{ margin:0px; padding:0px; } #contents{ margin:0px; padding:0px; width:760px; } #menu{ margin:0px; padding:0px; width:190px; line-height:1.5em; float:left; background-color:#f4f4f4; border-right:1px dotted #ccc; border-left:1px dotted #ccc; border-bottom:1px dotted #ccc; } #mein{ margin:0px; padding:15px; width:550px; float:left; } #footer{ margin:0px; padding-left:195px; width:760px; clear:both; border-top:1px dotted #ccc; line-height:1.3em; }
- ベストアンサー
- HTML

携帯電話のHTMLで点線の水平線の表示方法

携帯電話のHTMLで点線の水平線を表示するには

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

お礼 2007/02/26 12:25

関連するQ&A

注目のQ&A

カテゴリ
一覧

専門家に質問してみよう
専門家登録

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

携帯電話のHTMLで点線の水平線の表示方法

携帯電話のHTMLで点線の水平線を表示するには

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

お礼 2007/02/26 12:25

関連するQ&A

注目のQ&A

カテゴリ 一覧

専門家に質問してみよう 専門家登録

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

カテゴリ
一覧

専門家に質問してみよう
専門家登録