0

会社用に作成している私の Web サイトは見栄えがしますが、「WELCOME」というタイトルを下に表示するために適切な CSS を配置する方法がわかりません。高さを入れる必要があることは理解していますが、そうすると、ifステートメントでラップされているため、すべてのページの高さが表示されます。ホームページにこのウィジェットを表示する場合、表示しない場合は表示しません。したがって、ウィジェットが about ページに表示されていなくても、高さが設定されている場合でも、高さは邪魔になります。だから私は思った height:auto; それをするでしょうが、それはしていません。

#home-services {
    width: 100%;
    height: auto;
    clear: both;
    margin-bottom: 30px;
    margin: 0px !important;
}
#home-services section {
    float: left;
    width: 240px;
    height: auto;
    margin-right: 10px;
    background-color: #aaa685 !important;
}

ここに画像の説明を入力 これは、すべてのブラウザーでどのように見えるかです。

このページだけで WELCOME タイトルを下に移動するには、CSS に他に何を入力する必要がありますか? どんな助けでも大歓迎です!

4

3 に答える 3

2

ちょっと今、このcssを追加してください

このcssをCSSスタイルシートにすでに追加しています

#home-services img{
margin: 0 0 -25px !important;
    padding: 0 !important;
}

今このcssを入れてくださいこれを使用しました

#home-services .textwidget  img{
margin:0 !important;
}

これを行う

 #home-services .textwidget  img{ margin-bottom:25px !important;}
于 2012-06-26T06:46:24.843 に答える
0

padding-top:30pxh1 css に挿入してみてください。

問題をクリアします。これによりレイアウトの問題が発生し、パディングを削除する必要がある場合は、読み込み時に javascript 関数を呼び出して、その h1 が表示されているかどうかを確認し、それに応じてパディングを変更します。これは決してエレガントではありませんが、問題を解決します。

于 2012-06-26T06:47:02.073 に答える
0

if ステートメントで jquery を使用して CSS を次のように変更することもできます

$(".yourclass").css("CSSproperty", "value");
于 2012-06-26T06:54:55.567 に答える