解決済

タイトル画像にリンクを入れたら
ズレた

<h1 class="blogtitle"><a href="<$BlogUrl$>"><img src="画像のURL" width="画像の横幅" height="画像の縦幅" border="0" /></a></h1>

というタグでタイトル画像に
リンクを入れたらタイトル画像がズレてしまいました

タグを入れたせいじゃないかも知れません

お願いします



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

回答(1)

1.

2006-12-28 02:00:53ベスト
ブログとソースを拝見致しました。
推測でアドバイス致しますので、必ずバックアップ等をした上でお試し下さい。

トップページのHTMLの<div id="banner">のすぐ下にある
<div style="padding:10px 40px 0 0 ;float:right;">
が原因ではないかと思います。
float:center;
にしてみるのはいかがでしょうか?
そして「設定を保存」→「トップページ」の「再構築」→ブログの再読込(リロード)で上手くいけば表示が直るかもしれません。

もしそれで上手く表示できれば、他のHTMLも同様に修正し「全てのページ」で再構築なさってみて下さい。

見当外れでしたらすみません。
コメント欄から結果をお知らせ頂ければ幸いです。
回答レベル : アドバイス

な、直りました!!
何回もアドバイスしていただいて
ありがとうございました

Ads By Google

コメント(13)

#1.  
2006-12-28 06:22:52

ズレは少しなおってまだ完全じゃありませんし、全体的に下にずれてしまいました。どうすればいいんでしょう?

#2.  
2006-12-28 07:18:47

すみません。言葉が足りませんでした。

<div style="padding:10px 40px 0 0 ;float:center;">
というようにしてもらいたかったのです。
今のfloat:center;の部分を上記と置き換えてみて頂けませんか?

また結果をお知らせ頂ければ幸いです。

#3.  
2006-12-28 07:25:14

あと、少々気になった所について書かせて頂きます。
このご質問と直接関係があるかは分からないので、聞き流してもらっても構いません。

今のfloat:centerのすぐ隣に
<a href="http://tagfriends.com/livedoor/"; target="_blank"><img src="http://parts.blog.livedoor.jp/img/usr/tagfriends18...; width="58" height="50" border="0" alt="・ソ・ー、ユ、・??コ" /></a>
文字化けしている箇所がありますが、このようなタグがあると思います。
私が思うにこれは不要ではないかなと思うのですが、いかがでしょうか?
ちなみにタグふれんずへのリンクとなっています。

#4.  
2006-12-28 09:12:10

↑のことをやっても直りませんでした
何がいけないのでしょうか?

#6.  
2006-12-28 10:06:14

う~ん。(>_<)
なかなかスパッと解決できず申し訳ありません。

<div style="padding:10px 40px 0 0 ;float:center;">
</div>
を削除してみるのはいかがでしょうか?
どうもこれも不要なのかもしれません…。(^^ゞ

バックアップをとった上でお試し下さい。
結果をコメント欄からお知らせ頂ければ幸いです。

#7.  
2006-12-28 11:39:10

今度は左にずれてしまいました。
いったいどうなっているんでしょう?
何回もすいません

#8.  
2006-12-28 11:57:46

いえいえ、ご対応ありがとうございます。(^^ゞ

もう一度ソースを拝見して気付いたのですが、<h1 class="blogtitle">の前にあった筈の<div id="banner">まで削除してしまいましたか?
<div id="banner">は必要なので、元のように貼り付けて頂けますか?

また結果をお知らせ頂けたら幸いです。(^^ゞ

#9.  
2006-12-28 17:02:46

あ、
<div id="banner">
消してましたね
でも修正したのですが
またずれました
なぜでしょう?

#10.  
2006-12-28 23:29:07

う~ん…すみません。(>_<)

あと、関係している部分というと、CSSの.blogtitleの

padding:40px 0 0 78px;
かもしれません。
padding:40px 0 0 0px;
とするのは、いかがでしょうか?
ちなみに、上、右、下、左の隙間の値を設定している部分です。
左のスペースをなくせば…と思いました。
宜しければお試し下さいませ。

これで上手くいくと良いのですが…(^^ゞ
また結果をお知らせ頂ければ幸いです。

#11.  
2006-12-29 15:46:27

変わりありませんでした
いったい・・・
どうすればいいんでしょう?

#12.  
2006-12-30 08:52:15

う~ん、すみません(>_<)
では、CSSの#banner,#subbannerの一帯の中に

text-align:center;
という記述を付け加えてみるのはいかがでしょうか?
background-position:center top;
があるから中央寄せかと思っていたのですが、よく考えてみたら、違う筈なので…。
改めて中央寄せにする記述を付け加えてみたらどうかと思いました。
宜しければお試し下さいませ。

また結果をお知らせ頂ければ幸いです。

#13.  
2006-12-30 16:17:36

な、直りました!!
何回もアドバイスしていただいてありがとうございました^^;

#14.  
2006-12-30 16:24:47

いえいえ、こちらこそ何回も試行錯誤するような形でお手数をお掛けしました。(^^ゞ
無事表示が上手く出来て良かったです。(*^_^*)
また何かありましたら、ご質問なさって下さいね。

トラックバック

トラックバックURL: