0

問題のあるサイトはこちら

独自の div である不透明なバーをテキスト付きの div の後ろに表示したい。どちらも明らかに画像の前にあります。

私の問題は次のとおりです。

1) 「fp-banner」というタイトルの div を取得できず、内部にテキストが含まれている間、70px の高さに縮小できません。

2) 白い境界線がずっと下まで伸びていて、その理由がわかりません。

ここにすべてのコードを投稿しようとしていますが、コピーして貼り付けると実際に html が表示されるので、投稿しないと思います。

ありがとうございました。

4

1 に答える 1

1

最初に問題＃2に対処しましょう-画像自体（＃featured-post img）ではなくコンテナ要素（＃featured-post）に境界線が適用されているため、白い境界線が注目の投稿画像の下に伸びています

したがって、＃featured-postのCSSを次のように変更します。

#featured-post {
    float: left;
    width: 370px;
    margin-left: 10px;
    padding:0;      
}

および＃featured-postimgのCSS：

#featured-post img {
    border: solid 3px #fff;
    z-index: -1;
    margin:0;
    padding: 0;

}

問題＃1については、これを＃fp-bannerに追加します。

height:70px !important ;

これをCSSに追加します。

#fp-banner p { line-height:14px ; margin-bottom:8px }

70pxの高さに合うように、＃fp-bannerpスタイリングのmargin-bottom値を調整する必要がある場合があります。

注：念のため、これらの変更を行う前に、style.cssのバックアップを作成することを忘れないでください:)

お役に立てれば！

一番、

シンシア

于 2012-07-23T02:22:17.670 に答える