解決済

clip!clip!
Ads By Google

メニュー位置についての質問です。



のメニューをキレイにしたいのですがどうしたらよろしいでしょうか?

希望としては、バナーの隙間をうめて…上の隙間も埋めたいのですが。
それと、本文にまでリンクになってしまいます…

初心者ですみません;

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

回答(1)

1.

2006-07-29 11:33:50ベスト
■ バナーの隙間をうめて…
今、この隙間がなんでできているかわからないです。記述しているタグがおかしいのでそうなっているのかも知れません。これは後で考えましょう。おかしい記述を修正したら勝手に直るかも知れません。

■ 上の隙間も埋めたいのですが。
CSS の中の ・・・

#blog{
width:485px;
margin-top:25px;
padding-bottom:30px;
text-align:center;
}

margin-top:25px;

の数字を減らして下さい。それにともなって、#links{ } の中の、margin-top:25px; も同じように数字を減らさなければ、記事本文の部分と、右カラムとの高さがずれますから。

■ 本文にまでリンクになってしまいます…
これがものすごく問題です。現在の記述はこうなっています。↓

<dr>
<A HREF="リンク先アドレス1">
<img src="そのイメージアドレス1" border=0 width="115" height="40">
<A HREF="リンク先アドレス2">
<img src="そのイメージアドレス2" border=0 width="115" height="40">
<A HREF="リンク先アドレス3">
<img src="そのイメージアドレス3" border=0 width="115" height="40">
<A HREF="リンク先アドレス4">
<img src="そのイメージアドレス4" border=0 width="115" height="40">
</dr>

まず一番上と一番下。<dr> </dr> これを削除しましょう。
念のため、変わりに上に <div align="center"> 、下に </div> をいれておきましょうか。

そしてすべてのイメージ画像へのリンクを閉じ忘れています。
必ず画像にリンクする時は、こうです。↓

<a href="リンク先アドレス1">
<img src="そのイメージアドレス1" border=0 width="115" height="40"></a>

たみおさんのは、4つの画像すべてに </a> が付いていないでしょ。これが本文にリンクが流れている原因です。
回答レベル : 回答

ありがとうございます。

Ads By Google

コメント(4)

#1.  たみお
2006-07-29 11:52:31

あっ!!</a>ですかぁ!ありがとうございます!!

横の隙間に関しては_は消えました!
なくすことはできなそうですか?

#2.  AQ
2006-07-29 16:11:15

この画像ってもともと、横幅 120px なんですよね。
今見たらそれをわざわざ 118px に縮小してあります。
(さっきは、115px だったのに? )

画像の設定タグの横幅を、正しい 120px にすれば少しは引っ付きます。でも、画像に初めから白い罫線で周りを囲んであるので、いずれにしてもピッタシ引っ付けたようには表示されません。

私なら現在の状態のように、余白をつけたまま表示させる事を選択します。そのほうがクリックしやすいからです。引っ付けてしまうと、余裕が無くて見難いバナー配置となりそうです。

このままでいかれてはいかがでしょうか?

#3.  たみお
2006-07-30 15:56:16

120pxにすると二段になってしまうので118にしました。

そうですね、そのままにすることにしました。ありがとうございますw

#4.  AQ
2006-07-30 16:18:08

>たみおさん
段々と、自分好みのブログに仕上がっていってますね。
頑張って下さい。
ベストありがとうございました (^^)

トラックバック(2)

トラックバックURL: