解決済

clip!clip!
Ads By Google

トップページのタイトルとブログの説明が重なってしまう

タイトルの右にブログの説明を表示するように設定しているのですが、画面を縮小するとこの二つが重なってしまいます。対処法はありますか?


2006-04-13 18:48の質問
ブログ  トップページ  タイトル    画面  
ブログ
ブログのかわいいポータルサイト「ヤプログ!」
www.yaplog.jp/
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2006-04-13 19:46:59ベスト
質問者のブログを拝見しました。
タイトルとブログの説明が重なるほど、ウインドウの幅を狭めると、他の表示も崩れますね。
ですから、このくらいで良いのではないでしょうか?
それとも、スタイルシートをいじって、ブログの説明を上げてみましょうか?
そして、説明を2行にすれば、幅を狭くしても、ブログの説明がタイトルの上部に逃げて重ならないのでは?

スタイルシートの次の個所を探してください。
.description{
		font-size:12px;
		color:#fff;
		font-weight:bold;
		margin-top:-45px;
		padding:0px 30px;
		text-align:right;
ここのmargin-topの値を変えてみてください。
		margin-top:-60px;
という感じです。
この辺が一番簡単な方法でしょう。
でも、今のままでも、十分だとは思いますよ。

スタイルシートを変更するには、「デザインの設定」のページの一番下の「カスタマイズ」をクリックします。

開いたページの入力欄に表示されたスタイルシート(CSS)をメモ帳にでもコピーして、書き直したら、入力欄(全体)にペーストして、(この内容で保存する)をクリックします。

ブログに設定を反映(再構築)のページで[インデックス(トップの記事)]の状態のプルダウンメニューを[デザイン(CSS)]にセットして、(ブログを再構築する)をクリックして終了です。
回答レベル : 回答

horseflyさん、ご丁寧にありがとうございました。
表示崩れの件、どうしてもわからなければ、別の質問項目を作りますので、その時はよろしくお願いします。

Ads By Google

コメント(2)

#1.  M&A
2006-04-14 00:26:03

>>1
早速ありがとうございます。
ウインドウの幅を狭めると、他の表示も崩れる、というのは何とかならないでしょうか?

#2.  M&A
2006-04-23 15:43:04

後日談
あの後、CSSについてあれこれ調べたところ、.titleの{}内に「white-space:nowrap;」という行を追加すればタイトルの折り返しが行われないということがわかりました。
一応書いておきます

トラックバック(2)

トラックバックURL: