2012-04-09 17 views
0

Ich habe eine Seite, die ich ganz mit dem Layout des Designs glücklich bin: http://dev.twoggle.com/Drupal CSS mehrere div verursacht nebeneinander Bild haben Einwickeln

Dann habe ich diese in ein Drupal Thema setzen und es eingefügt etwas mehr div ist dazwischen und ich kämpfe um herauszufinden, wie ich meinen ursprünglichen Blick zurück bekommen kann! : dev2.parkingmadeeasy.com.au

die ser_text_right-Klasse, wenn ich es mit dem Seitenelement Inspect-Tool von Firebug über es schweben, scheint mit der Klasse ser_image_left überlappt - ich bin mir nicht sicher, warum das passiert.

Unten ist das CSS, das meine Probleme verursacht (wenn es mit der Ausgabe von Drupal kombiniert wird).

Ich möchte die gesamte Klasse ser_text_right nach oben verschieben, aber nicht sicher, wie?

Vielen Dank für jede Hilfe, 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; 
} 

Antwort

0

Fügen Sie diese auf Ihrem CSS:

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

Natürlich können Sie die Breite, was auch immer Breite Ihre Bilder ändern können.