Question

Доброго времени суток!

Занялся я созданием интернет-магазина. Сейчас экспериментирую с дизайном. Столкнулся с бедой, что не могу настроить дизайн категорий, что отображаются на сайте. Отдельного шаблона на них нет.

Они отображаются как:

1. <?$CATALOG$(4,10)?>
2. $CATEGORIES$

Сейчас нашёл лишь 2 варианта:

1. Создать информер - это удобно, но информер показывает абсолютно все категории, а НЕ конкретного раздела, что очень громоздко.
2. Работа с CSS - там это всё можно проделать, но беда в том, что я не очень силён в нём и эксперименты с ним займут очень много времени, да и испортить всё не очень сложно.

У меня сейчас так:	А хочу приблизительно вот так:

По сути своей вопрос лишь в том, как убрать отображение под-категорий, выравнить текст по центру внизу и добавить рамку.

 

Есть ли идеи, как это сделать полегче?! Либо, если не сложно написать готовый CSS. Я умею читать, понимать и редактировать значения CSS, но вот писать и добавлять их не особо.

 

Заранее благодарен!

Answer 1

Вид картинки делается так table.catalog img {  border: 1px solid red; border-radius: 100%/100% 0%; float: left; margin: 0px; width: 200px; }  строка 23 css магазина.

Comments

Превосходно! Спасибо! Осталось решить вопрос с текстом:

1. Выравнивание под картинкой по середине.
2. Убрать список подкатегорий. 

Теоритически: можно не убирать текст, растянуть его на ширину картинки и сделать очень мелким.

---

Юрий Деянов,

Это прописать в ксс магазина

.catalog-item>div {
display:none;
}
.catalog-item img { 
margin-left: 25px !important;
}

Это найти в ксс, красное удалить, зеленое написать.

table.catalog h3 { 
margin: 0px 0px 0px 60px;
text-align: center;
} 

---

Sentimo,

Да! Вот только что сам более менее разобрался и сделал.  Спасибо огромное.