我有一个页面,我对设计的布局非常满意:http: //dev.twoggle.com/
然后我把它放到一个 Drupal 主题中,它在中间插入了一些额外的 div,我正在努力弄清楚如何让我原来的样子回来!: dev2.parkingmadeeasy.com.au
ser_text_right 类,当我使用 Firebug 的页面元素检查工具将鼠标悬停在它上面时,似乎与 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;
}