解決済

clip!clip!
Ads By Google

ブログタイトル画像を移動すると、背景画像に隠れてしまいます。

ブログタイトル(plastic+)を画像に設定したのですが、今よりも少しでも上部の位置に持っていこうとすると、背景画像の後ろに隠れてしまいます。

ちなみにブログは下記です。


タイトル画像をgazoutitleで定義しているのですが、

.gazoutitle{
text-align:left;
margin: 0px 0px 0px 0px;
}

marginの設定変えても上部グレー背景に隠れてしまいます。

なんとかグレー背景にかぶらず、背景よりも上のレイヤーに持っていく方法はないでしょうか?
(数日間いろいろ触ってみたのですが、解決しませんでした...)

ご教示いただけると幸いです。

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

回答(1)

1.

2006-08-19 09:14:33ベスト
単純に各ページのテンプレートで「<$BlogTitle ESCAPE$>」という箇所を「<img src="画像のURL" width="88px" height="22px" border="0" title="<$BlogTitle ESCAPE$>">」にした方が簡単だと思いますが、
現状からタイトル画像の位置を上に移動させたい場合には、CSSの「.gazoutitle」に
position: relative;
top: -20px;
left: 5px;
などと追加してみてください。
なお、数値は適当に変更してください。
#bannerの高さは「height:87px;」と指定されていますので、topに指定する数値はこれ以下の数値で指定してください。
ちなみに例の指定では、現在表示されている位置よりも、上に20px、左から5px移動した位置に表示されます。
念のため「z-index: 10;」も追加しておくと良いかもしれません。

ありがとうございました!
希望の位置に配置できました。

丁寧に教えていただき、助かりました。

Ads By Google

コメント

まだコメントがありません

トラックバック(2)

トラックバックURL: