解決済

clip!clip!
Ads By Google

ブログのタイトル表示について

ブログのタイトルとその下に表示されるブログの説明が重なって表示されます。
どのようにしたらいいのでしょうか?

2009-10-27 09:27の質問
タイトル  
タイとる君
タイとる君 のホームページはこちらです
hp.vector.co.jp/authors/VA012191/software/index.html
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(2)

2.

2009-10-29 13:59:27ベスト
■ブログタイトルを上にする場合
.blogtitle{
font-size:24px;
padding:20px 0 25px 180px;
text-align:left;
}

.description{
color:#000;
font-size:11px;
padding: 40px 0 0 141px;
text-align:left;
margin-top:-40px;
font-weight:bold;
}

■今のようにブログの説明を上にする場合
(金魚の絵にかぶらないように少し右に寄せています)
.blogtitle{
font-size:24px;
padding:80px 0 5px 140px;
text-align:left;
}

.description{
color:#000;
font-size:11px;
padding:0 0 0 161px;
text-align:left;
margin-top:-60px;
font-weight:bold;
タイトルのfont-sizeも少し大きくしています。
まだ重なるようならpaddingやmarginで調整して下さい。あとは「この内容に変更する」「デザインの反映」です。変わっていなければ再読み込みして下さい。
デザイン名はkingyo でした。

ありがとうございました。♪
すごく丁寧な回答で分かりやすくすぐに解決しました。
すごいですねぇ。感謝感謝です。<(_ _)>

1.

2009-10-27 10:54:04ベター
.blogtitle{
color:#660099;
font-weight:bold;
padding:60px 20px 0px 60px;}

.description{
color:#660099;
font-size:12px;
padding:60px 20px 0 20px;}
デザインによって違うと思いますが、「ブログタイトル」と「ブログの説明(description)」のこういう所を探して、
padding:60px 20px 0 20px; というのが順に上右下左の空白の数字なので、タイトルの下方向に当たる数字を増やすか、ブログ説明の上方向の空白数字を増やして調整してみてください。

ありがとうございます。
仕方は分かったのですが、どうやってもうまくできません。
気長に数字を増やしたり調節してみます。

Ads By Google

コメント(3)

2009-10-28 13:53:59

もしよかったらデザイン名かブログのURLを教えてもらえば、なんとかなるものかどうか試してみますが。(もしかしたら私も出来ないかもしれませんが)

#2.  sion
2009-10-29 09:52:07

こんにちは。回答ありがとうございます。
ブログのデザインはcustom ?
URLはhttp://sionshop.livedoor.biz/です。
ご親切にありがとうございます。

2009-10-29 13:44:35

すみません、普通タイトルがあってその下にブログの説明というのが多いのでそうかと思ったのですが、逆だったのですね。
2種類考えてみましたので試してみて下さい。
数字を調整するときは24px とか px をつけるのも書き忘れていました。

トラックバック

トラックバックURL: