2007年07月12日

文字がかぶる場合の対処法

ブログの記事を書いていて、特定の文字(または文字列)だけサイズを大きくした場合、上下の行にある文字や画像と重なってしまうことがあります。
こんな時は以下の方法で解決します。

管理画面から、「デザイン」→「マイスタイルシート」を開いて、

/*---------------------------
Article style
---------------------------*/
の下の、

.blogbody {
margin-bottom:15px;
background:#fff;
line-height:120%;
font-weight:normal;
border:1px solid #003366;
}

という部分の中の、

line-height:120%;

の行を、%無しの

line-height:1.2;

に変更してください。
この部分は本文中の『行間』を指定する値です。
この場合の1.2とは、行間を1.2倍にしろという命令になります。
%のような単位を付けなければ、大きい文字でも大きい文字なりの行間が確保できます。
ただし、ウインドウズ95あたりの古〜いブラウザ(パソコン)だとレイアウトが崩れる可能性があります。
まあ、あまりに古いブラウザのことは気にしなくてもいいとは思いますが。
posted by いさはやザイズスタッフ at 21:55 | Comment(107) | 本文・中級(css)
この記事へのコメント
エルメス バーキン 値段http://www.tokyohermes.com/10070.html
エルメス ピコタンhttp://www.tokyohermes.com/10930.html
エルメス プリュムhttp://www.tokyohermes.com/10935.html
Posted by エルメス バーキン 値段 at 2012年08月02日 14:47
蟻力神 販売http://www.vglove-online.com/products-page/aphrodisiac/%E8%9F%BB%E5%8A%9B%E7%A5%9E%E3%82%A4%E3%83%BC%E3%83%AA%E3%83%BC%E3%82%B7%E3%83%B3
韓国終極痩身http://www.vglove-online.com/products-page/diet/%E9%9F%93%E5%9B%BD%E7%B5%82%E6%A5%B5%E7%97%A9%E8%BA%AB
鹿胎丸http://www.vglove-online.com/products-page/aphrodisiac/%E9%B9%BF%E8%83%8E%E4%B8%B8
黄金片http://www.vglove-online.com/products-page/aphrodisiac/%E9%BB%84%E9%87%91%E7%89%87%EF%BC%88%E7%94%B7%E5%A5%B3%E5%85%B1%E7%94%A8%EF%BC%89
蒼蝿水 fly d5http://www.vglove-online.com/products-page/female-aphrodisiac/%E8%92%BC%E8%9D%BF%E6%B0%B4-fly-d5/
Posted by 藏八宝 at 2012年07月31日 11:13
ポールスミス iphoneケース : http://www.paulsmith-japan.com/category-26-b0.html
ポールスミス 財布 : http://www.paulsmith-japan.com/category-1-b0.html
ポールスミス 長財布 : http://www.paulsmith-japan.com/category-37-b0.html
ポールスミス 財布 メンズ : http://www.paulsmith-japan.com/category-25-b0.html
ポールスミス 財布 レディース : http://www.paulsmith-japan.com/category-4-b0.html
ポールスミス 財布 二つ折り : http://www.paulsmith-japan.com/category-12-b0.html
ポールスミス バッグ : http://www.paulsmith-japan.com/category-48-b0.html
ポールスミス バッグ メンズ : http://www.paulsmith-japan.com/category-51-b0.html
ポールスミス バッグ レディース : http://www.paulsmith-japan.com/category-52-b0.html
ポールスミス バッグ 新作 : http://www.paulsmith-japan.com/category-49-b0.html
ポールスミス ハンドバッグ : http://www.paulsmith-japan.com/category-53-b0.html
Posted by ポールスミス バッグ at 2012年07月28日 10:34
WENICKMAN:http://www.kanpocom.com/Pro/WENICKMAN.html
くらはちほう:http://www.kanpocom.com/Pro/zbb.html
さんべんぼう:http://www.kanpocom.com/pro/satibo-capsules.html
勃起促進:http://www.kanpocom.com/JingLiJi/boqi.html
天天素:http://www.kanpocom.com/pro/tiantiansu.html
消渇丸:http://www.kanpocom.com/Pro/xiaokewan.html
Posted by 媚薬 at 2012年07月25日 20:27
試験を受けたところで、お給料にはまったく関係ありませんが
会社の人からえらくプレッシャーをかけられているらしく
毎日がんばっています。
Posted by ナイキ 靴 at 2012年06月26日 17:53
ビルケンシュトック:http://www.birkenstockbuys.com
ビルケンシュトック サンダル:http://www.birkenstockbuys.com/category-1-b0.html
ビルケンシュトック クロッグ:http://www.birkenstockbuys.com/category-2-b0.html
ビルケンシュトック シューズ:http://www.birkenstockbuys.com/category-3-b0.html
ビルケンシュトック 新品:http://www.birkenstockbuys.com/category-10-b0.html
ビルケンシュトック フットプリント:http://www.birkenstockbuys.com/category-9-b0.html
ビルケンシュトック タタミ:http://www.birkenstockbuys.com/category-8-b0.html
ビルケンシュトック ビルキー:http://www.birkenstockbuys.com/category-7-b0.html
ビルケンシュトック パピリオ:http://www.birkenstockbuys.com/category-6-b0.html
ビルケンシュトック ベチュラ:http://www.birkenstockbuys.com/category-5-b0.html
ビルケンシュトック キッズ:http://www.birkenstockbuys.com/category-4-b0.html
Posted by ビルケンシュトック フットプリント at 2012年06月19日 12:07
蟻力神:http://www.shanghaikanpo.com/view/1038.html
三便宝:http://www.shanghaikanpo.com/view/1425.html
VigRx:http://www.shanghaikanpo.com/view/1165.html
vigRx oil:http://www.shanghaikanpo.com/view/1166.html
女性用媚薬:http://www.shanghaikanpo.com/Charming-medicine.html
VVK:http://www.shanghaikanpo.com/view/1158.html
Wenickman:http://www.shanghaikanpo.com/view/1156.html
街頭霸王 ペニス増大:http://www.shanghaikanpo.com/view/1471.html
Posted by 三便宝 at 2012年06月11日 18:47
巨人倍増:http://www.bestkanpou.com/product/38.html
VigRx :http://www.bestkanpou.com/product/129.html
D10 :http://www.bestkanpou.com/product/286.html
アリ王:http://www.bestkanpou.com/product/314.html
蟻王:http://www.bestkanpou.com/product/314.html
MAXMAN:http://www.bestkanpou.com/product/29.html
ペニス増大:http://www.bestkanpou.com/product/369.html
Sex Slave:http://www.bestkanpou.com/product/452.html
催淫:http://bestkanpou.com/product/391.html
リドスプレー:http://www.bestkanpou.com/product/132.html
ED治療薬:http://www.bestkanpou.com/Energy/12.html
漢方薬:http://www.bestkanpou.com/Chinese/33.html
経口避妊薬:http://www.bestkanpou.com/Avoid/20.html
即効ダイエット:http://www.bestkanpou.com/Reduce-weight/25.html
ダイエット 食品:http://bestkanpou.com/Reduce-weight/Reduce-weight.html
motivator:http://www.bestkanpou.com/product/430.html
Posted by 巨人倍増 at 2012年06月07日 11:27
人気シューズショップは大手ファッションのネットショップです.フェラガモ シューズ,
シャネル シューズ,プラダ シューズ,グッチ シューズを販売しています.価格特恵、只今、全品無料になっております.お買い得ですよ.
シャネル アクセサリー http://www.ninkishoes.com/3043--shipin
シャネル サングラス http://www.ninkishoes.com/3047--yanj
Posted by シャネル サングラス at 2012年05月24日 18:52
http://www.toryburch-japan.com/トリーバーチ-シューズ-トリーバーチ-フラット-c-6_7.html トリーバーチ フラット
http://www.toryburch-japan.com/トリーバーチ-シューズ-トリーバーチ-フラット-c-6_7.html トリーバーチ フラットシューズ
http://www.toryburch-japan.com/トリーバーチ-バッグ-c-8.html トリーバーチ バッグ
http://www.toryburch-japan.com/トリーバーチ-バッグ-c-8.html tory burch バッグ
http://www.toryburch-japan.com/トリーバーチ-バッグ-c-8.html tory burch bag
http://www.toryburch-japan.com/トリーバーチ-バッグ-トリーバーチ-トート-c-8_15.html トリーバーチ トート
http://www.toryburch-japan.com/トリーバーチ-バッグ-トリーバーチ-トート-c-8_15.html tory burch トート
http://www.toryburch-japan.com/トリーバーチ-バッグ-トリーバーチ-トート-c-8_15.html トリーバーチ トートバッグ
http://www.toryburch-japan.com/トリーバーチ-シューズ-トリーバーチ-ブーツ-c-6_13.html トリーバーチ ブーツ
http://www.toryburch-japan.com/トリーバーチ-財布&コインケース-c-18.html tory burch 財布
Posted by トリーバーチ フラットシューズ at 2012年05月22日 16:36
コメントを書く
お名前:

メールアドレス(ブログには公開されません):

ホームページURL:

コメント:

認証(表示されている文字列を入力してください):
3jt9