- 締切済み
2beeブログで行間と文字の間隔を指定したい
みなさん、こんにちは。 私は2beeのブログを利用しているのですが、行間と文字の間隔をCSSで空けようとすると、改行がおかしくなってしまいます。ちなみに私のヘッダーに打ったタグは… <style type="text/css"> <!-- H1{font-size:10px; font-weight:lighter; line-height:18px; letter-spacing:4px;} H2{font-size:10px; font-weight:lighter; color:#555; line-height:18px; letter-spacing:4px;}--> </style> の２種類です。また、これを使わずに、ボディに <span style="font-size:10px; font-weight:lighter; line-height:18px; letter-spacing:4px;"><!--body--></span> と打っても、行間が揃わず、改行も上手くいきませんでした。 とても困っているので、いい方法がありましたら、ご回答おねがいします。
- ブログ
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- crepon133
- ベストアンサー率51% (399/776)
状況がよく分からないのですが、 margin と padding を指定したらいかがですか？ H1{font-size:10px; font-weight:lighter; line-height:18px; letter-spacing:4px; margin:0px; padding:0px;} H2{font-size:10px; font-weight:lighter; color:#555; line-height:18px; letter-spacing:4px; margin:0px; padding:0px;}
関連するQ&A
- テーブルのｈｔｍｌで、文章のサイズと行間を指定したいのですが、
テーブルのｈｔｍｌで、文章のサイズと行間を指定したいのですが、 サイズの設定は、下記のようにできました。 <span style=font-size:14px> それで、これに、行間が狭いので、広くしたいのですが、 line-hight:130%といれても、広がりません。また、２つを同時にいれる書き方が わかりません。 CSSは、使わないで書きたいのですが、書き方を教えてください。 よろしくお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- 一部のパソコンでスタイルシートが読み込まない
こんにちわ 以下のスタイルシートを使っていますが一部のパソコンで読み込みにいかないような現象が起こっています。 相手のブラウザーはインターネットエクスプローラの６でOSはXPです。 サイトフォルダ内にCSSフォルダーを設けてその中のスタイルシートをいれています。 HTMLソース <LINK rel="stylesheet" href="css/body.css" type="text/css"> スタイルシート↓ h1 { font-size:12px; font-weight:100; margin:0px; padding:00px 0px 0px 00px; color:#FFFFFF; } h2 { font-size:12px; font-weight:100; margin:0px; padding:00px 0px 0px 00px; } h3 { font-size:12px; font-weight:100; margin:0px; padding:00px 0px 0px 00px; } h4 { font-size:12px; font-weight:100; margin:0px; padding:00px 0px 0px 00px; } STRONG { font-size:12px; font-weight:100; margin:0px; padding:00px 0px 0px 00px; } em {font-size:12px;line-height:12px;font-weight : normal;normal;margin:0px;} .t0 {font-size:10px;} .t0h12 {font-size:10px;line-height:12px;} .t0h14 {font-size:10px;line-height:14px;} .t0h16 {font-size:10px;line-height:16px;} .t1 {font-size:12px;} .t1h14 {font-size:12px;line-height:14px;} .t1h16 {font-size:12px;line-height:16px;} .t1h18 {font-size:12px;line-height:18px;} .t2 {font-size:14px;} .t2h16 {font-size:14px;line-height:16px;} .t2h18 {font-size:14px;line-height:18px;} .t2h20 {font-size:14px;line-height:20px;}
- ベストアンサー
- HTML
- ブログのレイアウトについて
シンプルなブログを借り、日付やコメント欄を消して 1枚サイトのように見えるものを作っています。 画像を見ると質問内容が一目で分かるようになっているのでご照覧の上、 どこに何を書き加えれば希望レイアウトになるのか教えてください。 cssは初心者なので可能な限り丁寧にお願いします。 ※600px画像は縮小しない 現在css編集を開くと以下のようになっています。 ＦＣ2ブログの共有テンプレートのひとつです。 <STYLE TYPE="text/css"> <!-- body{ color: #4F0000; font-family: 'Verdana','ＭＳ Ｐゴシック'; font-size: 11px; line-height: 140%; margin:20px; } a{ color: #4F0000; text-decoration: underline; } A:hover{ color: #4F0000; text-decoration: none; } td{ color: #4F0000; font-family: 'Verdana','ＭＳ Ｐゴシック'; font-size: 10px; line-height: 140%; letter-spacing: 0; } .box{ color: #4F0000; font-family: 'Verdana','ＭＳ Ｐゴシック'; font-size: 11px; letter-spacing: 0; line-height: 120%; } .msg img{ border:0px; margin:0px 0px 0px 0px; display:inline; float:none; } .title{ font-family: 'Verdana','ＭＳ Ｐゴシック'; letter-spacing: 10px; font-size: 10px; line-height: 180%; } .small{ font-size: 8px; font-family: 'Verdana','ＭＳ Ｐゴシック'; } .r{ font-size: 10px; } --> body { background-image : url("背景画像.jpg"); background-repeat : repeat; background-position : 50% 50%; background-attachment : fixed; } img { vertical-align: baseline; } </STYLE> どう調べても希望通りにならないので何卒お願い致します！
- 締切済み
- CSS
- HPの行間を広げる line-height が効かないのです。
お願いします。 ｃｓｓで行間を変化させるために line-height を書き込んでも、行間がぜんぜん動かないのです。 次のように書きました。 *************************** <style type="text/css"> p{_line-height:_1.7em;_} </style> </head> <body> <p> 行間が変わらない<br> 全然変わらない </p>
- ベストアンサー
- その他([技術者向] コンピューター)
- フォントサイズと行間
フォントサイズと行間についてご質問します。 フォントサイズ12px。文字上下に3pxのアキをとり行高18pxとする場合、 スタイルシートは下記ようになると思います。 font-size: 12px; line-height: 1.5 フォントサイズが13pxで文字の上下に4pxのアキをとり行高21pxとする場合、line-heightは21/13=1.61538462と計算されます。 font-size: 13px; line-height: 1.61538462 このように小数点以下が多い場合でもスタイルは正常に動作するのでしょうか(ちなみに13pxで行高19の場合1.46153846になります)。 普段、YUI 2: Fonts CSSを利用しております。デフォルト(100%)は13pxです。文字の上下に4pxのアキをいれ、行高を21pxに設定したいと思っております。その場合 font-size: 100% line-height: 1.61538462 というのは正常に動作するのでしょうか。
- ベストアンサー
- CSS
- ＣＳＳで文字間隔を指定すると<br>が反映されなくなる
<HTML> <HEAD> <TITLE>TAG index Webサイト</TITLE> </HEAD> <BODY> p{ letter-spacing: 2px; font-size:20px; font-family:'ＭＳ Ｐゴシック'; line-height:130%; } </BODY> </HTML> このようにすると、 <p><b>文章１。 <br><br> 文章２。 </b></p> の<br>が反映されなくなります。<br>を余分に入れると１行あきます。 <br>を余分に入れずにあけることはできるのでしょうか？
- ベストアンサー
- その他（インターネット・Webサービス）
- ホームページの行間設定について
ホームページの行間設定について質問です。 ページ全体の行間指定は<style type="text/css"> <!-- body,th,td {line-height : 180%;} --> </style> にしています。その中で一部行間を変えたいのですが<p style="line-height: 150%;"> </p> と入れて見ても変わりません。入れる場所が違うのか何が間違っているのかわかりません。どなたか教えてください。
- 締切済み
- その他（インターネット・Webサービス）
- 行間幅、文字幅を設定するスタイルシートについて
行間幅、文字幅を設定するスタイルシートは <STYLE type="text/css"> <!-- body,tr,td { line-height : 12pt; letter-spacing : 1px;} --> </STYLE> こんな風にするのは、わかるのですが、 ＢＢＳのスキンや日記スキンのbody,tr,td部分で使う時、 ＢＢＳの書きこみフォームで一行行間を空けて 書きこむと、投稿部分(上のスタイルシートが設定されている) に反映された時に、行間があいてないようになってしまいます。 ２行空けで書きこむと、１行空けで投稿部分に反映されます。 日記スキンでも同様です。 行間幅、文字幅を設定するスタイルシートを設定してる場合、 １行空けで記入して、ちゃんと１行空けで反映させるように するにはどうしたらいいのですか？
- ベストアンサー
- HTML
- スタイルシートで指定した大きさにならない・・・
スタイルシートにチャレンジしているのですが、 文字の大きさが指定したとおりになりません。 以下のようにした場合、 ＢＯＤＹの文字を１２ＰＸにしているのですが、 １４ＰＸの文字の方が大きく見えてしまいます。 ---------------------------------------------- <HTML> <HEAD> <TITLE>CCS勉強</TITLE> <STYLE type="text/css"> <!-- BODY{ font-size : 12pt; } .16 { font-size: 16px ; } /* 16 */ .14 { font-size: 14px ; } /* 14px */ .10 { font-size: 10px ; } /* 10px */ --> </STYLE> </HEAD> <BODY><SPAN class="16">16pxの文字</SPAN> <BR> <SPAN class="14">14pxの文字</SPAN><BR> <SPAN class="10">10pxの文字</SPAN> <P>ＢＯＤＹのもじ12px</P> </BODY> </HTML> ---------------------------------------------- 初心者なのでどこが間違っているのかよく分からず 困っていますので、ご存知の方がおられましたらよろしくお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
