解決済

タイトル画像をリンクにしたらズレた・・・

タイトル画像をリンク設定にしたのですが、ブログ全体が左にずれてしまいました。
解決方法をお願いします。

2006-11-26 22:49の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google

回答(1)

1.

2006-11-27 17:47:45ベスト
長くなりますが正攻法でいきます
まずCSSですが
#banner,#subbanner{
width:750px;
height:200px;
background:url(http://image.blog.livedoor.jp/newsmemo/imgs/5/4/54be7f42.JPG) no-repeat 50% 0;
text-align:left;
margin:0 auto;
}

#banner,#subbanner{
width:750px;
height:200px;
text-align:left;
margin:0 auto;
}
に変更

.blogtitle a {
width: 710px;
height: 201px;
}
.blogtitle a span {
display: none;
}
は削除してください

.blogtitle{
display: none;
font-size:24px;
font-weight:bold;
padding:0px 201px 80px ;
text-align:left;
letter-spacing:2px;
}

.blogtitle{
font-size:24px;
font-weight:bold;
padding:0px 35px 0 35px;
text-align:left;
letter-spacing:2px;
}
に変更して[この内容で保存する]してください

次は
[トップページ]
[個別記事ページ]
[カテゴリアーカイブ]
[月別アーカイブ]
これら4つのHTMLテンプレ記述から
<div id="banner"><h1 class="blogtitle"><a href="<$BlogUrl$>"><$BlogTitle ESCAPE$></a></h1>
という記述を探して下さい
ここの
<$BlogTitle ESCAPE$>
という部分を
<img src="http://image.blog.livedoor.jp/newsmemo/imgs/5/4/54be7f42.JPG" border="0" alt="<$BlogTitle ESCAPE$>">
に変更し、それぞれ[この内容で保存する]をして下さい

最後に全てのページで再構築
作業は以上になります

試してみて頂けませんでしょうか?

無事、解決しました。
有難う御座います。

Ads By Google

コメント(5)

#2.  Kiss115
2006-11-27 03:10:52

設定されたタイトル画像をクリックで
トップページという事でよろしいのでしょうか?

お使いのデザインや、使われた画像等により
一貫した回答は難しいと思います

ブログのURLを記載されたほうが
回答はつきやすいと存じますので御一考ください^^

#3.  Vitamin
2006-11-27 15:02:51

あれ・・・コメント反映されてないみたいなので再度投稿します。
http://blog.livedoor.jp/newsmemo/
↑で、タイトル文字は↓で消しています。
display: none;
よしくお願いします。

#4.  Vitamin
2006-11-27 17:43:17

追伸
今はdisplay: none;を入れているのでズレていませんが、display: none;を外すとズレてしまいます。しかし、付けたままだとリンクされない・・・orz

#5.  Kiss115
2006-11-27 18:04:30

速攻でしたね~^^

#6.  Kiss115
2006-11-27 19:12:38

あれ?

お詳しい方だったみたいですね^^

トラックバック

トラックバックURL: