デザインのレイアウトに満足しているページがあります: 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;
}