ROZWIĄZANY: Zmniejszenie ilości zdjęć na stronie głównej

[Macsch15]

Uh,

Spróbuj przenieść samo:

#appGallLatestHook img {
float: right;
}

na dół kodu, tzn przed znacznikiem </style>

http://forum.invisionize.pl/uploads/imgs/pre_1300459426__2011-03-18_15-42-48.png

[ania07]

Heh,

wykonałem, jest tak:

<style type="text/css">

#appGallLatestHook

{

height: 134px;

overflow:auto;

overflow-y: hidden;

}

#appGallLatestHook ul

{

text-align: center;

width: 1000px;

margin:10px 6px 6px 6px;

}

#appGallLatestHook ul li

{

display:inline;

padding:4px;

width: 100px;

height: 100px;

}

#appGallLatestHook img {

float: right;

}

</style>

<div class='category_block block_wrap'>

<h3 id='category_gallrecent' class='maintitle'><a class="toggle right" href="#" title="{$this->lang->words['toggle_ucfirst']}">{$this->lang->words['toggle_ucfirst']}</a>{$this->lang->words['recent_gallery_images']}</h3>

<div id='appGallLatestHook' class='table_wrap row2'>

<ul>

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

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

</foreach>

</ul>

</div>

</div>

<script type="text/javascript">

/* Set up width */

count = 0;

$$('#appGallLatestHook ul li').each( function(e) { count++; } );

width = 112 * count;

if ( count > 1 )

{

$('appGallLatestHook').down('ul').setStyle('width:' + ( width + 5 ) + 'px');

}

</script>

jednak dalej nic, bez zmian. I na FF i na IE to samo..

[Macsch15]

Jej, zauważyłem że coś CI dodaje do <ul> styl z wartością <ul style="width: 1349px;">, tego tam ma nie być, jak nie wiesz co dodaje to spróbuj zrobić tak:

<ul style="width: auto;">

A potem z CSS:

#appGallLatestHook ul
{
text-align: center;
width: 1000px;
margin:10px 6px 6px 6px;
}

Zamieniasz na:

#appGallLatestHook ul
{
width: auto;
text-align: center;
margin:10px 6px 6px 6px;
}

Czyli całość ma tak wyglądać:

<style type="text/css">

#appGallLatestHook
{
height: 134px;
overflow:auto;
overflow-y: hidden;
}


#appGallLatestHook ul
{
width: auto;
text-align: center;
margin:10px 6px 6px 6px;
}
#appGallLatestHook ul li
{
display:inline;
padding:4px;
width: 100px;
height: 100px;
}
</style>
<div class='category_block block_wrap'>
<h3 id='category_gallrecent' class='maintitle'><a class="toggle right" href="#" title="{$this->lang->words['toggle_ucfirst']}">{$this->lang->words['toggle_ucfirst']}</a>{$this->lang->words['recent_gallery_images']}</h3>
<div id='appGallLatestHook' class='table_wrap row2'>
<ul style="width: auto;">
<foreach loop="gallery_images_hook:$rows as $r">
<li>{parse gallery_resize="$r['thumb']" width="thumb_large"}</li>
</foreach>
</ul>
</div>
</div>
<!--<script type="text/javascript">
/* Set up width */
count = 0;
$$('#appGallLatestHook ul li').each( function(e) { count++; } );

width = 112 * count;

if ( count > 1 )
{
$('appGallLatestHook').down('ul').setStyle('width:' + ( width + 5 ) + 'px');
}
</script>-->

Edytowane 18 Marca 2011 przez macsch15

[ania07]

Wkleiłem cały kod:

<style type="text/css">

#appGallLatestHook

{

height: 134px;

overflow:auto;

overflow-y: hidden;

}

#appGallLatestHook ul

{

width: auto;

text-align: center;

margin:10px 6px 6px 6px;

}

#appGallLatestHook ul li

{

display:inline;

padding:4px;

width: 100px;

height: 100px;

}

</style>

<div class='category_block block_wrap'>

<h3 id='category_gallrecent' class='maintitle'><a class="toggle right" href="#" title="{$this->lang->words['toggle_ucfirst']}">{$this->lang->words['toggle_ucfirst']}</a>{$this->lang->words['recent_gallery_images']}</h3>

<div id='appGallLatestHook' class='table_wrap row2'>

<ul style="width: auto;">

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

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

</foreach>

</ul>

</div>

</div>

<!--<script type="text/javascript">

/* Set up width */

count = 0;

$$('#appGallLatestHook ul li').each( function(e) { count++; } );

width = 112 * count;

if ( count > 1 )

{

$('appGallLatestHook').down('ul').setStyle('width:' + ( width + 5 ) + 'px');

}

</script>-->

i nic, jeszcze coś blokuje

[Macsch15]

Na pewno dobrze zmieniasz? Bo w źródle masz cały czas to samo...

[ania07]

Wrzucam dokładnie ten kod:

<style type="text/css">

#appGallLatestHook

{

height: 134px;

overflow:auto;

overflow-y: hidden;

}

#appGallLatestHook ul

{

width: auto;

text-align: center;

margin:10px 6px 6px 6px;

}

#appGallLatestHook ul li

{

display:inline;

padding:4px;

width: 100px;

height: 100px;

}

</style>

<div class='category_block block_wrap'>

<h3 id='category_gallrecent' class='maintitle'><a class="toggle right" href="#" title="{$this->lang->words['toggle_ucfirst']}">{$this->lang->words['toggle_ucfirst']}</a>{$this->lang->words['recent_gallery_images']}</h3>

<div id='appGallLatestHook' class='table_wrap row2'>

<ul style="width: auto;">

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

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

</foreach>

</ul>

</div>

</div>

<!--<script type="text/javascript">

/* Set up width */

count = 0;

$$('#appGallLatestHook ul li').each( function(e) { count++; } );

width = 112 * count;

if ( count > 1 )

{

$('appGallLatestHook').down('ul').setStyle('width:' + ( width + 5 ) + 'px');

}

</script>-->

[ania07]

ok,ok poszło :Tip-Hat: Serdecznie dziękuję.

[Macsch15]

Kurefka, nawet sobie powiedziałem że jak nie rozwiąże tego problemu będę mieć depresje do końca życia

[DawPi]

Problem ROZWIĄZANY. Jeśli są jakiekolwiek wątpliwości, pytania proszę o założenie nowego tematu.

Wszelkie uzasadnione reklamacje/pretensje/sugestie/rady przyjmuje ekipa forum.