display img Attachments side by side

[slash]

hi,guys I need your help. I try to display Attachments image with the mod prettyphoto side by side.

but the result is:



but as you can see the text is displayed at the side of img atthch.

I do this change in content.css

Code: Select all

dl.thumbnail img {
	padding: 3px;
	border: 1px solid #666666;
	background-color: #FFF;
	-webkit-box-shadow: 2px 2px 3px #868686;
    -moz-box-shadow:    2px 2px 3px #868686;
    box-shadow:         2px 2px 3px #868686;
	margin-right:5px;
	float:left;
}

can you help me please? TY

[Stoker]

Dont edit the css. You need to edit attachment.html instead.

[slash]

how? thank you!

[Stoker]

Instead of this:

Code: Select all

<!-- IF _file.S_THUMBNAIL -->
		<dl class="thumbnail">
			<dt><a href="{_file.U_DOWNLOAD_LINK}/{_file.DOWNLOAD_NAME}" rel="prettyPhoto[pp_gal{_file.THUMB_POST_ID}]"><img src="{_file.THUMB_IMAGE}" alt="{_file.DOWNLOAD_NAME}" title="{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}" /></a></dt>
			<!-- IF _file.COMMENT --><dd> {_file.COMMENT}</dd><!-- ENDIF -->
		</dl>
		<!-- ENDIF -->

You can use this:

Code: Select all

<!-- IF _file.S_THUMBNAIL -->
		<a href="{_file.U_DOWNLOAD_LINK}/{_file.DOWNLOAD_NAME}" rel="prettyPhoto[pp_gal{_file.THUMB_POST_ID}]"><img src="{_file.THUMB_IMAGE}" alt="{_file.COMMENT}" title="{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}" /></a>
		<!-- ENDIF -->

Just an example.

[slash]

I try but not display side by side... =(

[Stoker]

You have to post them side by side.