ベストアンサー

このタグの意味を教えてください！

2009/04/25 10:19

いつもお世話になってます、文章を書き終えてみたら、文章が枠にベタ付けで読みにくかったので、ページ内全体に余白をつくりたくて下記のタグを加えたら、ドット線が真ん中だけ消えてしまうんですが・・・ドット線はそのまま（枠の端から端まで）で、文字のみを枠から10px離すことはできますか？ <STYLE type="text/css">  </STYLE> <style type="text/css"> H2{ 　color:#000000; 　　border-bottom:5px #6699FF double; } H3{ 　color:#000099; 　border-bottom:1px #0066FF dashed; } </style> <style type="text/css"> p { background-color: #ffffff; margin-left: 10px; margin-right: 10px; } </style> </head> <body id="bodyid"> <p><font size="2">有限会社○（以下「当社」）は、個人情報保護に関する法令及びその他の規範を遵守すると同時に、以下の通りに～<br> <br></div></p>→これはちゃんとできました。 <p><h3 style="LINE-HEIGHT: 1.5" align="left"><font size="2">個人情報の収集について</font></h3></p>→変化なし。<p>を文字のすぐ前に挿入すると下線のドットが消えてしまうんです。。 <p><div style="LINE-HEIGHT: 1.5" align="left"><font size="2">お客様に個人情報をご提供いただく場合は、～～<br>→これも変化なし。。それと、このシートはダウンロードした枠をそのまま使っているのですが、最初の STYLE type="text/css">  </STYLE> はどういう意味になるのですか？お手数ですが宜しくお願いします！

noname#86536

ホームページ作成ソフト
回答数3
ありがとう数0

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

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

ベストアンサー

at121
ベストアンサー率41% (85/206)

2009/04/26 21:18 回答No.3

適当に作ってやってみればわかる　p　div　h2　h3　改行機能のあるものは別々に指定　font-size　をまとめた　A:hover {position:relative; top:2; left:2} 　は　　A(アンカー)にホバー(マウスを乗せる)と相対的に2下:2右に表示位置をずらす。「ドット線が真ん中だけ消え」の意味は不明でした。 <html><head> <STYLE type="text/css">  </style> </head> <body > <h2 >個人情報の収集について</h2> <h3 >個人情報の収集について</h3> <p>有限会社○（以下「当社」）は、個人情報保護に関する法令及びその他の規範を遵守すると同時に、以下の通りに～</p> <div>お客様に個人情報をご提供いただく場合は、～～お客様に個人情報をご提供いただく場合は、～～</div> <div >お客様に個人情報をご提供いただく場合は、～～お客様に個人情報をご提供いただく場合は、～～</div> <p>個人情報の収集について<a href=#top>個人情報の収集について</a>個人情報の収集について～～</p> <p>個人情報の収集について<a href=#top>個人情報の収集について</a>個人情報の収集について～～</p> <p><span>お客様に個人情報をご提供いただく場合は、～～</span><span>お客様に個人情報をご提供いただく場合は、～</span>～ </p> </body></html>

その他の回答 (2)

yuuu69
ベストアンサー率29% (8/27)

2009/04/26 15:11 回答No.2

点線を設けている目的は分かりませんが、ソースを見ると次のように見出し3に点線の下線が付いていますので、 H3{ 　color:#000099; 　border-bottom:1px #0066FF dashed; } 見出しを含めた文字に左右のマージンを付けてしまうと当然見出し3の文字に付けられた下線にもマージンが付きます。もし、その点線が見出し3とは全く別に独立して表示しても構わないなら水平線を付ける<hr>を使用すればよいのではないかと思います。

参考URL：: http://www.geocities.jp/haku1569/web/tips/tips/1_text/0007.html

nakayan_4
ベストアンサー率55% (649/1171)

2009/04/25 17:18 回答No.1

ちょっと状況がわからないのですが、文字のインデントを行いたいということでしょうか？（文字を画面に表示していくときに、左側に余白をとるということです）インデントについてはHTMLでは記述できないので、ご投稿のようにスタイルシートを使用するしかありません。 http://www.1uphp.com/con1/basic/indentall.html