Сообщений в теме: 34

[Sliapy]

Для каждого материала есть класс с его уникальным id

 

 

Смотрите код через средства разработчика в Хром и Опера или через Firebug в Firefox. Повторюсь, классов в JBZoo предостаточно на все случаи.

Сообщение отредактировал Sliapy: 23 February 2015 - 19:11

[TorLink]

Так, вроде что-то получилось. Спасибо.

Добавил:

.subcategory-items {
        border: 1px solid #ccc;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    background: #fbfbfb;
    width: 100%;
    float:left

}

h2.subcategory-title {
        border: 1px solid #ccc;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    background: #fbfbfb;
    margin: -15px;
    padding-top: 15px;
    text-align: center;
}

.jbzoo-item {
    margin: 0 0 1em 0;
    padding: 0;
    float:left
}

Есть нюанс, никак не пойму почему ширина рамки становится уже? Пришлось добавить "margin: -15px;", чтоб было ровно. без этого было так:

 

При этом если с заголовком проблема решилась. то вот с элементами не получается!

Сообщение отредактировал TorLink: 23 February 2015 - 23:07

[Sliapy]

У обрамляющего элемента задан margin

 

[TorLink]

margin

Ага, поправил. Спасибо.

Осталось ещё пару нюансов.

1. Не выравнивается картинка под заголовком.

2. Не выравнивается весь элемент по вертикали.

vertical-align я так понял для элементов списка не работает, но вот что работает не нашел.(

[SmetDenis]

Вертикальное центрирование может быть только у таблиц.
Горизонтальное центрирование делается через margin: 0 auto; или text-align:center;

TorLink, думаю вам следует прочитать руководство для начинающих по CSS.
Можете начать с этого http://stepbystep.htmlbook.ru/?pid=5

Извините, но CSS - это простейшая основа основ создания любого сайта.
Наша поддержка консультирует по вопросам JBZoo, а не по основам созданиях любых сайтов и обучению верстке (9.5.13)

Думаю эта тема исчерпала себя.

 

Прошу прощения. Закрываю тему.