Перейти к содержимому


Фотография
- - - - -

Организаци каталога, все категории на одной странице.


  • Закрытая тема Тема закрыта
Сообщений в теме: 34

#31 Sliapy

Sliapy

Отправлено 23 February 2015 - 19:10

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

 

x2oa_200x0.jpg

 

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


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

  • 0
[color=#aa0000]Не забывайте нажимать кнопку "Вопрос Решён" под сообщением, которое решило Вашу проблему.[/color]

#32 TorLink

TorLink

Отправлено 23 February 2015 - 22:20

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

Добавил:

.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;", чтоб было ровно. без этого было так:

3d1by37.jpg

 

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

3d1kw4D.jpg


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

  • 0

#33 Sliapy

Sliapy

Отправлено 23 February 2015 - 23:30

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

 

k2ye_200x0.jpg


  • 0
[color=#aa0000]Не забывайте нажимать кнопку "Вопрос Решён" под сообщением, которое решило Вашу проблему.[/color]

#34 TorLink

TorLink

Отправлено 26 February 2015 - 22:55

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

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

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

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

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

3devnCy.jpg


  • 0

#35 SmetDenis

SmetDenis

Отправлено 27 February 2015 - 08:50

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

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

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

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

 

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


  • 1
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.





Click to return to top of page in style!