0

デザインのレイアウトに満足しているページがあります: http://dev.twoggle.com/

次に、これを Drupal のテーマに入れ、余分な div を間に挿入しました。元の外観を取り戻す方法を見つけるのに苦労しています! : dev2.parkingmadeeasy.com.au

Firebug のページ要素検査ツールを使用して ser_text_right クラスにカーソルを合わせると、ser_image_left クラスとオーバーラップしているように見えます。なぜこれが起こっているのかわかりません。

以下は、私の問題を引き起こしている css です (Drupal の出力と組み合わせると)。

ser_text_right クラス全体を上に移動したいのですが、方法がわかりません。

助けてくれてありがとう、Gvanto

    /*
=======================================================================
        services-prov
=======================================================================
*/
.services-pro {
    background: none repeat scroll 0 0 #f3f3f3;
    border: 1px solid #A2A1A1;
    border-radius: 5px 5px 5px 5px;
    float:left;
    width:998px;
}
.services-pro .ser {
    float: left;
    margin: 0;
    padding: 10px;
    width: 47%;
}

.services-pro .ser img {
    margin: 0px 10px 10px;
    padding: 0;
}

.services-pro .ser .ser_image_left {
    float: left;
    height: 100px;
}

.services-pro .ser .ser_text_right {
    padding:0;
}

.services-pro .ser .ser_text_right h4 {
    padding: 3px 0 0px;
    font-weight:bold;
    font-size:14px;
}

.services-pro .ser .ser_text_right p {
    color: #000;
    margin: 0;
    padding: 2px;
    font-size:14px;
}
4

1 に答える 1

0

これをCSSに追加します。

#block-views-home-slideshow-block { width: 400px; float:right; }

もちろん、幅を画像の幅に変更することもできます。

于 2012-04-09T13:45:23.403 に答える