Подкатегории в виде таблицы. Нужна помощь.

[kotkotan]

правлю /themes/default/css/category.css

 

существующий

 

.inline_list li {
padding: 10px 0;
border-bottom: 1px dotted #ccc;
}

 

меняю на этот:

 

.inline_list li {
padding: 10px 0;
border-bottom: 1px dotted #ccc;
float: left;
width:89px;
}

 

затем эту часть:

 

.inline_list li .cat_name {
font-weight:bold;
font-size:13px
}

 

на это:

 

.inline_list li .cat_name {
font-weight:bold;
font-size:13px;
clear:both;
display:block;
}

 

получается, но до конца красиво. подскажите как подправить?

преста 1.5.4.1, шаблон дефолтный

Edited July 22, 2013 by kotkotan (see edit history)

[webprog]

правлю /themes/default/css/category.css

 

существующий

 

.inline_list li {
padding: 10px 0;
border-bottom: 1px dotted #ccc;
}

 

меняю на этот:

 

.inline_list li {
padding: 10px 0;
border-bottom: 1px dotted #ccc;
float: left;
width:89px;
}

 

затем эту часть:

 

.inline_list li .cat_name {
font-weight:bold;
font-size:13px
}

 

на это:

 

.inline_list li .cat_name {
font-weight:bold;
font-size:13px;
clear:both;
display:block;
}

 

получается, но до конца красиво. подскажите как подправить?

преста 1.5.4.1, шаблон дефолтный

 

Поставьте height здесь:

.inline_list li {

padding: 10px 0;

border-bottom: 1px dotted #ccc;

float: left;

width:89px;

}

 

а вообще по картинке сложно ориентироваться

Edited July 23, 2013 by webprog (see edit history)

[kotkotan]

Поставьте height здесь:

.inline_list li {

padding: 10px 0;

border-bottom: 1px dotted #ccc;

float: left;

width:89px;

}

 

а вообще по картинке сложно ориентироваться

 

сделал так:

 

.inline_list li {
padding: 10px 0;
border-bottom: 1px dotted #ccc;
float: left;
width:89px;
height:89px;
}

 

не помогает.

[webprog]

сделал так:

 

.inline_list li {
padding: 10px 0;
border-bottom: 1px dotted #ccc;
float: left;
width:89px;
height:89px;
}

 

не помогает.

 

Еще нужно в .inline_list проставить высоту и ширину

[kotkotan]

Еще нужно в .inline_list проставить высоту и ширину

еще хуже получается

[webprog]

еще хуже получается

 

Ставить нужно в ul.inline_list, установите себе лучше firebug

[kotkotan]

Ставить нужно в ul.inline_list, установите себе лучше firebug

такого параметра ul.inline_list в category.css нет. Если не составляет труда напишите что и куда вставлять

[webprog]

такого параметра ul.inline_list в category.css нет. Если не составляет труда напишите что и куда вставлять

 

Все правильно проставьте в .inline_list: width: 550px;height: 340px;

[kotkotan]

Все правильно проставьте в .inline_list: width: 550px;height: 340px;

игра с параметрами высота и ширина в данной строке не помогает, кнопки страниц все-равно влазят в блок

[webprog]

игра с параметрами высота и ширина в данной строке не помогает, кнопки страниц все-равно влазят в блок

Кеширование отключить. Компилирование включить

[kotkotan]

Кеширование отключить. Компилирование включить

так и есть

[kotkotan]

в соседней ветке есть решение этого вопроса. Цитирую:

 

You can add a DIV before the pagination's html and set the style to:

clear:both; display:block; width:100%

 

только как воспользоваться этим?

[kotkotan]

в общем я добился того, чего хотел. если кому будет полезно выкладываю коды и скрин того, что получилось. можно править по своему усмотрению как угодно, т.к. основная идея задана.

 

category.css

 

h1{margin-bottom:10px;}
.resumecat {
margin:15px 0 10px 0;
padding:8px 7px;
color:#000;
background:#f0f0f0;
}
.content_scene_cat {
padding:5px;
border:1px solid #ccc;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 1px 1px #e2e2e2;
-webkit-box-shadow: 0 1px 1px #e2e2e2;
box-shadow: 0 1px 1px #e2e2e2;
}
.cat_desc {
font-size:12px;
line-height:18px;
}
.cat_desc p {padding:0 10px 5px 10px}
.cat_desc .lnk_more {
  padding:0 10px;
  color:#0088CC;
background:url(../img/arrow_right_1.png) no-repeat 100% 4px transparent;
}

/* ************************************************************************************************
  SUB CATEGORIES
************************************************************************************************ */
#subcategories {
displaY: block;
clear: both;
overflow: hidden;
}
#subcategories h3 {
padding:14px 12px;
font-size:13px;
color:#fff;
text-transform:uppercase;
text-shadow:0 1px 0 #666;
background:url(../img/bg_table_th.png) repeat-x 0 0 #999
}
.inline_list {
list-style-type:none;
margin-top:10px;
}
.inline_list li {
 border-bottom-color:#CCCCCC;
 border-bottom-style:hidden;
 border-bottom-width:0px;
 float:left;
 padding:18px 0px 2px 0px ;
 width:133px;
 text-align:center;
}
.inline_list li img {
 border:1px solid #CCCCCC;
 float:left;
 margin:0 14px;
 border-radius:19px;
}
.inline_list li img {
 border:1px dashed #11A8F8;
}
.inline_list li .cat_name {
 clear:both;
 display:block;
 font-size:12px;
 font-weight:bold;
}

 

для того, чтобы подписи были под картинками внес изменения в category.tpl

 

эту часть:

 

{if $subcategory.id_image}
			   <img src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'medium_default')}" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
			  {else}
			   <img src="{$img_cat_dir}default-medium_default.jpg" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
			  {/if}

 

изменить на это:

 

<div style="display:block; clear:both; overflow:hidden;">
{if $subcategory.id_image}
			   <img src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'medium_default')}" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
			  {else}
			   <img src="{$img_cat_dir}default-medium_default.jpg" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
{/if}
</div>

 

за посильную помощь огромное спасибо пользователю vekia

Edited July 30, 2013 by kotkotan (see edit history)