Проблема с прикрепленными изображениями.

[Slash]

Подскажите пожалуйста, как сделать пробел между вложениями, а то как то слитно всё:

Безымянный.JPG

[Nekstati]

Не так всё просто... Придётся изменить шаблон вывода вложений, чтобы у картинок был особый класс, и применять CSS-свойства, упомянутые на пред. странице, только к этому классу. Например, так.

bbcode.html

Код: Выделить всё

<!-- BEGIN inline_attachment_open --><div class="inline-attachment"><!-- END inline_attachment_open -->
<!-- BEGIN inline_attachment_close --></div><!-- END inline_attachment_close -->

заменить на

Код: Выделить всё

<!-- BEGIN inline_attachment_open --><!-- END inline_attachment_open -->
<!-- BEGIN inline_attachment_close --><!-- END inline_attachment_close -->

attachment.html

Код: Выделить всё

		<!-- IF _file.S_THUMBNAIL -->
		<dl class="thumbnail">
			<dt><a href="{_file.U_DOWNLOAD_LINK}"><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 -->


		<!-- IF _file.S_IMAGE -->
		<dl class="file">
			<dt class="attach-image"><img src="{_file.U_INLINE_LINK}" alt="{_file.DOWNLOAD_NAME}" onclick="viewableArea(this);" /></dt>
			<!-- IF _file.COMMENT --><dd><em>{_file.COMMENT}</em></dd><!-- ENDIF -->
			<dd>{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}</dd>
		</dl>
		<!-- ENDIF -->

заменить на

Код: Выделить всё

		<!-- IF _file.S_THUMBNAIL -->
			<a class="img-attach" href="{_file.U_DOWNLOAD_LINK}"><img src="{_file.THUMB_IMAGE}" alt="{_file.DOWNLOAD_NAME}" title="{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}" /></a>
		<!-- ENDIF -->

		<!-- IF _file.S_IMAGE -->
			<img class="img-attach" src="{_file.U_INLINE_LINK}" alt="{_file.DOWNLOAD_NAME}" title="{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}" />
		<!-- ENDIF -->

tweaks.css
добавить

Код: Выделить всё

.img-attach {
	display: block;
	float: left;
	margin: 4px 8px 4px 0;
}
.content br {
	clear: both;
}

А правки, описанные на пред. странице, удалите.

[Slash]

Я для пробела между вложениями в шаблон attachment.html вставил:   вот так: найти:

Код: Выделить всё

		<!-- IF _file.S_FILE -->
		<dl class="file">
			<dt><!-- IF _file.UPLOAD_ICON -->{_file.UPLOAD_ICON} <!-- ENDIF --><a class="postlink" href="{_file.U_DOWNLOAD_LINK}">{_file.DOWNLOAD_NAME}</a></dt>
			<!-- IF _file.COMMENT --><dd><em>{_file.COMMENT} <br /></em></dd><!-- ENDIF -->
			<dd> ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}</dd>
		</dl>
		<!-- ENDIF -->

заменить на:

Код: Выделить всё

		<!-- IF _file.S_FILE -->
		<dl class="file">
			<dt><!-- IF _file.UPLOAD_ICON -->{_file.UPLOAD_ICON} <!-- ENDIF --><a class="postlink" href="{_file.U_DOWNLOAD_LINK}">{_file.DOWNLOAD_NAME}</a>&nbsp;&nbsp;&nbsp;</dt>
			<!-- IF _file.COMMENT --><dd><em>{_file.COMMENT} <br /></em></dd><!-- ENDIF -->
			<dd> ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}&nbsp;&nbsp;&nbsp;</dd>
		</dl>
		<!-- ENDIF -->

теперь вложения в виде архива выглядят так:

Безымянный.JPG

А можно этого результата добиться помощи CSS? Спасибо.

[Nekstati]

Код: Выделить всё

.attachbox dd {
	margin: 0 8px;
}

[jetlex]

Пытаюсь решить аналогичную проблему(изображения выстраиваются вниз по вертикали, было бы удобнее в строчку)
уж не знаю, что делаю не так, однако не получается.
Все выше описанные изменения внес в content.css, кеш почистил, темы обновил. Однако никаких изменений. Изображения на форум добавляются посредством bbcobe и отображаются через ReIMG Image Resizer (если это важно). Прошу помощи!

[Nekstati]

кеш почистил, темы обновил

А в браузере кэш почистили?

ReIMG Image Resizer

Сорри, не юзаю сие изделие.

[jetlex]

да. все уже перепробовал

[romeo_piter]

Для тех кто будет делать эту добавку - предостерегу:

Код: Выделить всё

.content br {
	clear: both;
}

Она не дружит с ББ-кодом float.
При использовании картинки с правым/левым обтеканием - перевод каретки (т.е. br в коде страницы) приводит к тому, что остальной текст уже идет под дивом с флоатом. Что совершенно нелогично для пользователей.
Поэтому пришлось этот кусок цсс изъять (