解決済
タイトル画像をリンクにしたらズレた・・・
タイトル画像をリンク設定にしたのですが、ブログ全体が左にずれてしまいました。解決方法をお願いします。
2006-11-26 22:49の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google
回答(1)
1.
2006-11-27 17:47:45

長くなりますが正攻法でいきます
まずCSSですが
次は
[トップページ]
[個別記事ページ]
[カテゴリアーカイブ]
[月別アーカイブ]
これら4つのHTMLテンプレ記述から
ここの
最後に全てのページで再構築
作業は以上になります
試してみて頂けませんでしょうか?
まず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
あれ?
お詳しい方だったみたいですね^^

