Вопрос Разбиение материала на страницы

Discussion in 'Проектирование' started by neon6535, Feb 28, 2015.

  1. Offline

    neon6535 Пользователь

    Joined:
    Oct 3, 2014
    Messages:
    105
    Likes Received:
    1
    Gender:
    Male
    Разбил материал на страницы (на странице одни изображения, очень много, разбил чтоб быстрее грузилась страница), как сделать чтоб результат разбиения (т.е. ссылки на страницы 1 2 3 4 и т.д.) выводились не столбиком в таблице а горизонтально в строчку? все перепробовал не получается. вывод столбцом вообще не вариант, будет много страниц, столбец будет очень длинный.
     
    neon6535, Feb 28, 2015
    #1

  2. Ads Master

     
  3. CB9T
    Offline

    CB9T Преподаватель по J! Staff Member ⇒ Профи ⇐

    Joined:
    May 21, 2010
    Messages:
    2,604
    Likes Received:
    322
    Gender:
    Male
    Элементарно, через CSS.

    Добрый день! К сожалению помочь не смогу, т.к. Вы не предоставили ссылку на свой сайт. Без этого невозможно Вам подсказать в решении Вашей проблемы.
     
    CB9T, Feb 28, 2015
    #2
    neon6535 likes this.
  4. Offline

    neon6535 Пользователь

    Joined:
    Oct 3, 2014
    Messages:
    105
    Likes Received:
    1
    Gender:
    Male
    neon6535, Feb 28, 2015
    #3
  5. CB9T
    Offline

    CB9T Преподаватель по J! Staff Member ⇒ Профи ⇐

    Joined:
    May 21, 2010
    Messages:
    2,604
    Likes Received:
    322
    Gender:
    Male
    В файл:
    Код (CODE):
    1. http://portretoff.ru/templates/jp-industry/css/template.css

    В конец:
    Код (CODE):
    1. #article-index li {
    2.     display: inline-block;
    3. }
     
    CB9T, Feb 28, 2015
    #4
    neon6535 likes this.
  6. Offline

    neon6535 Пользователь

    Joined:
    Oct 3, 2014
    Messages:
    105
    Likes Received:
    1
    Gender:
    Male
    @CB9T
    а как сделать разбивку по центру, сделал
    #article-index {
    float: center;
    но все равно стоит не по центру, а слева почему-то, и еще как убрать надпись "страница 1 из 4" ?
     
    neon6535, Feb 28, 2015
    #5
  7. CB9T
    Offline

    CB9T Преподаватель по J! Staff Member ⇒ Профи ⇐

    Joined:
    May 21, 2010
    Messages:
    2,604
    Likes Received:
    322
    Gender:
    Male
    Float center вообще такого значения нет. Маржином попробуйте.
    --- добавлено: Feb 28, 2015, первое сообщение размещено: Feb 28, 2015 ---
    Код (css):
    1. #article-index {
    2. float: center;
    3. margin: 0 auto;
    4. padding: 0;
    5. width: 100%;
    6. text-align: center;


    0_99205_b2c62070_orig.png

    Убрать пагинатор (сколько страниц)

    Код (css):
    1. .pagenavcounter {
    2. display: none;
    3. }
     
    CB9T, Feb 28, 2015
    #6
    neon6535 likes this.
  8. Offline

    neon6535 Пользователь

    Joined:
    Oct 3, 2014
    Messages:
    105
    Likes Received:
    1
    Gender:
    Male
    @CB9T
    Спасибо Вам большое, интересно просто как Вы так быстро находите на сайте какой элемент относится к какому стилю css ?
    --- добавлено: Feb 28, 2015, первое сообщение размещено: Feb 28, 2015 ---
    @CB9T
    И еще вопросик, простите за наглость конечно, можно ли вместо надписи "женские фотоколлажи" (там где ссылки на страницы идут) поставить "1" с ссылкой на первую страницу?
     
    neon6535, Feb 28, 2015
    #7
  9. CB9T
    Offline

    CB9T Преподаватель по J! Staff Member ⇒ Профи ⇐

    Joined:
    May 21, 2010
    Messages:
    2,604
    Likes Received:
    322
    Gender:
    Male
    10 лет в web'e - опыт ;) а так... Firebug или инструменты разработчика в помощь.

    Код (css):
    1. #article-index > ul > li:nth-child(1) > a {/*тут должны быть правила для скрытия текста, но слишком много времени отняло и путного ничего не вышло - меняйте через PHP*/}
    2. #article-index > ul > li:nth-child(1) > a:before {content: '1'; /*Выведет единичку*/}
     
    CB9T, Feb 28, 2015
    #8
  10. Offline

    neon6535 Пользователь

    Joined:
    Oct 3, 2014
    Messages:
    105
    Likes Received:
    1
    Gender:
    Male
    че то не могу понять мне весь этот код туда записать? что то он не похож на css код, как его записать?
     
    neon6535, Feb 28, 2015
    #9
  11. CB9T
    Offline

    CB9T Преподаватель по J! Staff Member ⇒ Профи ⇐

    Joined:
    May 21, 2010
    Messages:
    2,604
    Likes Received:
    322
    Gender:
    Male
    это css код с комментариями
     
    CB9T, Feb 28, 2015
    #10
  12. Offline

    neon6535 Пользователь

    Joined:
    Oct 3, 2014
    Messages:
    105
    Likes Received:
    1
    Gender:
    Male
    единичку то вывело, а надпись осталась "женские фотоколлажи"
     
    neon6535, Feb 28, 2015
    #11
  13. CB9T
    Offline

    CB9T Преподаватель по J! Staff Member ⇒ Профи ⇐

    Joined:
    May 21, 2010
    Messages:
    2,604
    Likes Received:
    322
    Gender:
    Male
    а комментарий читали?

    Код (css):
    1. #article-index > ul > li:nth-child(1) > a {/*тут должны быть правила для скрытия текста, но слишком много времени отняло и путного ничего не вышло - меняйте через PHP*/}
     
    CB9T, Feb 28, 2015
    #12
  14. Offline

    neon6535 Пользователь

    Joined:
    Oct 3, 2014
    Messages:
    105
    Likes Received:
    1
    Gender:
    Male
    читал, но в php не силен, придется как есть оставить, спасибо!
     
    neon6535, Feb 28, 2015
    #13
< Компонент правила для Joomla 1.5 | Как вставить в материал несколько страниц HTML и связанные с ними CSS, js и файлы картинок? >

Share This Page

Loading...