Wyśrodkowanie zdjęć

[pio72 26]

Chciałbym na stronie głównej wyśrodkować zdjęcia w pasku galerii. Wiem że trzeba to wykonać w bicie:

hookRecentGalleryImages

Wygląda on u mnie tak:

<style type="text/css">

#appGallLatestHook

{

overflow:auto;

height: 115px;

}

#appGallLatestHook a {

display: block;

}

#appGallLatestHook ul li img

{

max-width: 100px;

max-height: 100px;

}

#appGallLatestHook ul li:last-child { margin-right: 10px; }

</style>

<!--[if IE]>

<style type="text/css">

#appGallLatestHook{ height: 130px; }

</style>

<![endif]-->

<div id='category_gallrecent' class='category_block block_wrap'>

{parse replacement="header_start"}<h3 class='maintitle'>

<a class='toggle right' href='#' title="{$this->lang->words['toggle_ucfirst']}">{$this->lang->words['toggle_ucfirst']}</a> <a href={parse url="app=gallery" seotitle="false" template="app=gallery" base="public"}">{$this->lang->words['recent_gallery_images]}</a>

</h3>{parse replacement="header_end"}

<div id='appGallLatestHook' class='ipsBox table_wrap removeDefault'><div class='row1 ipsPad'>

<ul class='ipsList_inline ipsList_nowrap'>

<foreach loop="gallery_images_hook:$rows as $r">

<li>{parse gallery_resize="$r['thumb']" width="thumb_large"}</li>

</foreach>

</ul>

</div></div>{parse replacement="box_end"}

</div>

<br />

W którym miejscu i jak edytować by zdjęcia się wycentrowały?

Edytowano Luty 26, 2012 przez pio72

[Spanner 4337]

Zamień:

#appGallLatestHook

{

overflow:auto;

height: 115px;

}[/code]


na:

[code]#appGallLatestHook

{

overflow:auto;

height: 115px;

text-align: center;

}

[pio72 26]

Dziękuję działa.

[Spanner 4337]

Problem został rozwiązany.