Float images left | drupal.org

Posted by Tumetsu on November 16, 2012 at 4:19pm

I want to modify how Drupal shows images in image field. Below is screenshot of my site.
http://i.imgur.com/kb4p8.png

There is screenshots of my game which I want to be shown in row, not as a single column. The images should go where I drew red rectangles. Only way I could do that was by adding following code to my css-file:

.field-item
{
	float: left;
	padding-right: 2px;
}

Problem was that it messed other elements by making labels and screenshots be placed in same row where last one ends etc. Is there way to do this? This has been frustrating me few days now so if possible, please provide careful explanation how to do this. Thank you :)

Comments

Each field has a "wrapper" or

Posted by nevets on November 16, 2012 at 5:16pm

Each field has a "wrapper" or outer div, for the field the follows the images you can add a "
clear: both" to its outer div.

=-=

Posted by VM on November 16, 2012 at 5:24pm

.field-item may not be explicit enough .field-item img mayaid

Thank you very much, that did

Posted by Tumetsu on November 17, 2012 at 11:29am

Thank you very much, that did the trick!