Загружаемая галерея в ряд

Суть в том, что при загрузки фото в доп.поле "Загружаемая галерея", фотографии выстраиваются в ряд по вертикали, а хотелось бы в один ряд по горизонтали.
После загрузки, кадры выводятся через такой код (пример на одном кадре):

Код:

<ul class="xfieldimagegallery имя доп.поля">
<li>
<a href="ссылка на фото" onclick="return hs.expand(this, { slideshowGroup: 'xf_209_skrin' })" target="_blank"><img src="ссылка на фото" alt="">
</a>
</li>
</ul>

В show.full есть два кода (вроде одинаковы):

Код:

$xfieldsdata[$value[0]] = "<ul class=\"xfieldimagegallery {$value[0]}\">".implode($gallery_image)."</ul>";

Код:

$xfieldsdata[$value[0]] = "<ul class=\"xfieldimagegallery {$value[0]}\">".implode($gallery_image)."</ul>";

Я так понимаю, всему виной тег: <ul> <li></li> </ul>
Как переделать этот код в show.full, чтобы кадры загружались в ряд по горизонтали?

Решил через стили.
Заменил:

Код:

<ul class=\"xfieldimagegallery

На:

Код:

<div class=\"xfieldimagegallery

в css добавил:

Код:

.xfieldimagegallery img {
     display: block;
     float: left;
     width: 115px; /*настраиваем под себя*/
     height:80px; /*настраиваем под себя*/
     margin: 0 2px 2px 0;
}

В строке 1701 show.full удалить все:
<li></li>

Код:

                        if($thumb_url) {
                            $gallery_image[] = "<li><a href=\"$img_url\" onclick=\"return hs.expand(this, { slideshowGroup: 'xf_{$row['id']}_{$value[0]}' })\" target=\"_blank\"><img src=\"{$thumb_url}\" alt=\"\" /></a></li>";
                        } else $gallery_image[] = "<li><img src=\"{$img_url}\" alt=\"\" /></li>";

Если есть еще варианты, напишите.

Точнее будет так.
Два раза найти:

Код:

<ul class=\"xfieldimagegallery {$value[0]}\">".implode($gallery_image)."</ul>

Заменил на div:

Код:

<div class=\"xfieldimagegallery {$value[0]}\">".implode($gallery_image)."</div>

P.S . Редактировать темы и сообщения нельзя, приходится следующим сообщением добавлять. К чему такой геморрой сделали тут?