Drupal的CSS使彼此相邻的多个div的有形象包装

我有一个网页，其中我对设计的布局非常开心：http://dev.twoggle.com/Drupal的CSS使彼此相邻的多个div的有形象包装

然后我把这个变成一个Drupal主题，并插入一些额外的div的inbetween和我正在努力想办法如何让我原来的回头看！：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; 
}

来源

2012-04-09 gvanto

添加到您的CSS：

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

当然你也可以改变宽度到任何宽度您的图片。

来源

2012-04-09 13:45:23 jsheffers

Drupal的CSS使彼此相邻的多个div的有形象包装

回答

相关问题