Популярное в каталоге - изображение по центру

 
Посетитель
small user social cms
Сообщений: 53
Кто знает как сделать так чтобы изображения в модуле "Популярное в каталоге" не прижимались к левому краю, а располагались по его центру?
Два часа лажу по этому сайту и не могу найти ответ.
Не жадничайте...поделитесь знаниями...
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1551
а тут нет основ html и css
Ну типа продвигаю сайты, по немногу и не напрягаясь. smile
Реклама
cms
Посетитель
small user social cms
МедальКубок зрительских симпатийПочетный донор проекта
Сообщений: 713
А вот меня на этом тоже заклинило. Все что-то не то получается. Основы здесь ни при чем - не могу понять в каком файле их применить. Если кто знает - спасите, закипаю уже.
Посетитель
small user social cms
МедальКубок зрительских симпатийПочетный донор проекта
Сообщений: 713
Спасииите! Ну йо! Ну не получается? Может кто додумался?
Модератор
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 1675
/templates/ваш_шаблон/modules/mod_uc_popular.tpl
«Главное “настрой”! И всё настроиться…» © ) Их знают все! А вы?
Посетитель
small user social cms
МедальКубок зрительских симпатийПочетный донор проекта
Сообщений: 713
Там ничего не помогает. По любому липнет к краю. В модуле флоат лефт задан, без него никак понятно, но сам-то модуль как по центру выровнять?
Модератор
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 1675
за пределами цикла forearch создайте оболочку из двух вложенных дивов, у первого родительского задайте 100% ширину, у вложенного автоматические отступы справа и слева и в самом теге задайте ему align="center"
«Главное “настрой”! И всё настроиться…» © ) Их знают все! А вы?
Посетитель
small user social cms
МедальКубок зрительских симпатийПочетный донор проекта
Сообщений: 713
Чувствую - истина где-то рядом... чет такое пробовала, но на счет автоматических отступов не поняла - это как? Собсно, все это, кроме них и пробовала проделывать.
Модератор
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 1675
родитель <div ... style="width:100%" ....>
<div ... style="margin: 0 auto;" align="center" ...>
{foreach ........
........
{/foreach}
</div>
</div>
«Главное “настрой”! И всё настроиться…» © ) Их знают все! А вы?
Модератор
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 1675
естественно, стили лучше вынести в свой файл css …
«Главное “настрой”! И всё настроиться…» © ) Их знают все! А вы?
Посетитель
small user social cms
МедальКубок зрительских симпатийПочетный донор проекта
Сообщений: 713
Не работает так, это пробовала (
Модератор
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 1675
для <div class="uc_latest_item"> ширина фиксированная и флоаты оставлены?
«Главное “настрой”! И всё настроиться…» © ) Их знают все! А вы?
Посетитель
small user social cms
МедальКубок зрительских симпатийПочетный донор проекта
Сообщений: 713
Если б она фиксированная была - проблемы бы небыло ( В чем и прикол, что шаб резиновый и при разных разрешениях остается справа пустое поле разное.
Модератор
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 1675
вот рабочее решение:
файл /templates/_default_/modules/mod_uc_popular.tpl
заменяем всю верхнюю часть листинга до строки {if $cfg.showtype == 'list'}
Код PHP:
  1.  
  2. {if $is_uc}
  3. {if $cfg.showtype == 'thumb'}
  4. {literal}
  5. левая угловая style type="text/css">
  6. .block {
  7. display: table;
  8. table-layout: fixed;
  9. width: 100%;
  10. }
  11. .in_block {
  12. table-layout: fixed;
  13. width: 100%;
  14. }
  15. .in_block_data {
  16. display: table-cell;
  17. float: none;
  18. margin: 0 auto;
  19. left: auto;
  20. right: auto;
  21. overflow: hidden;
  22. vertical-align: top;
  23. }
  24. левая угловая /style>
  25. {/literal}
  26. {assign var="col" value="1"}
  27. {foreach key=tid item=item from=$items}
  28. {if $col==1} <div class="block"><div class="in_block" align="center"><div class="in_block_data" align="center"> {/if}
  29. <div class="uc_latest_item">
  30. <table border="0" cellspacing="2" cellpadding="0" width="100%">
  31. <tr><td height="110" align="center" valign="middle"><a href="/catalog/item{$item.id}.html"><img alt="{$item.title}" src="/images/catalog/small/{$item.imageurl}.jpg" border="0" /></a></td></tr>
  32. <tr><td align="center" valign="middle"><a class="uc_latest_link" href="/catalog/item{$item.id}.html">{$item.title}</a></td></tr>
  33. {if $item.viewtype == 'shop'}
  34. <tr><td align="center" valign="middle"><div id="uc_popular_price">{$item.price} {$LANG.UC_POPULAR_RUB}</div></td></tr>
  35. {/if}
  36. </table>
  37. </div>
  38. {if $col==4} </div></div></div> {assign var="col" value="1"} {else} {math equation="x + 1" x=$col assign="col"} {/if}
  39. {/foreach}
  40. {/if}
  41.  
  42. {*** эту часть вставлять не нужно **********************************************
  43. незабываем что ширина самих позиций товаров задаётся в styles.css (строка ~1114)
  44. определения стилий из верхушки тоже лучше перенести в файл ^^^^^^^
  45. .uc_latest_item {
  46. background-color: #FFFFFF;
  47. border: 1px solid silver;
  48. display: block;
  49. float: left;
  50. height: 170px;
  51. margin: 2px;
  52. padding: 2px;
  53. text-align: center;
  54. width: 140px; /* ширина товарной позиции */
  55. }
  56. *************************}
  57.  
Редактировалось: 2 раз (Последний: 30 мая 2011 в 05:58)
«Главное “настрой”! И всё настроиться…» © ) Их знают все! А вы?
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.