Пара вопросов по правке стилей.

Тема в разделе "Верстка", создана пользователем White_S, 19 июн 2013.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. White_S

    White_S

    Регистр.:
    27 май 2009
    Сообщения:
    474
    Симпатии:
    95
    Друзья, подскажите как сделать отступ от верха страницы, так чтобы картинки не лезли под менюшки. http://mixx.zefirproject.ru/image_gallery_kitchen_furniture/clasicheskie_kuhni/. Скорее всего все очень просто, но я голову сломал.
    И если не трудно, то на этой странице, у меня название галереи отображается слева относительно картинки, причем там зависит,очевидно от размера монитора с которого смотришь, подскажите как сделать чтобы название былонад картинкой всегда. Заранее признателен.
     
  2. Viorteya

    Viorteya Создатель

    Регистр.:
    24 апр 2013
    Сообщения:
    14
    Симпатии:
    10
    Код:
    .im_wrapper div
    {
    margin-top: 200px
    }
    не подходит? значение можно задать разное для разных экранов, если уж все равно @media используется

    скриншот по второй проблеме можно? у меня навзание вроде везде корректно торчит...
     
    White_S нравится это.
  3. White_S

    White_S

    Регистр.:
    27 май 2009
    Сообщения:
    474
    Симпатии:
    95
    Спасибо, скрин в приложении, у меня с ноута в любом (хром, мазила, яндекс) браузере так вижу.
     

    Вложения:

  4. Viorteya

    Viorteya Создатель

    Регистр.:
    24 апр 2013
    Сообщения:
    14
    Симпатии:
    10
    а, речь о заголовках картинок-ссылок... например
    Код:
    .blog-record-list>div
    вместо
    Код:
    .blog-record-list div

    ">" обозначает, что стиль будет применен только к прямым дочерним элементам, "внуки" его уже не унаследуют. В данном случае для "внуков"(собственно названия и картинки) отменяется наследование float:left
     
    White_S нравится это.
  5. White_S

    White_S

    Регистр.:
    27 май 2009
    Сообщения:
    474
    Симпатии:
    95
    Спасибо, а может кто-нибудь подскажет, как правильно выровнять расположение картинок и заголовков к ним, извините за нелепые вопросы, просто слабоват я в css. Сейчас какой-то ад получается([​IMG]
     
  6. KPACHODAP

    KPACHODAP DELETED

    Регистр.:
    21 дек 2009
    Сообщения:
    641
    Симпатии:
    111
    блин без кода тяжело, видимо там стоит у тебя либо float:left либо не стоит вообще у картинки, тогда в каждом блоке для img сделать text-align:center; должно помочь!
     
    White_S нравится это.
  7. bork75

    bork75 Д☼брая собака )

    Регистр.:
    21 июн 2008
    Сообщения:
    1.449
    Симпатии:
    716
    После заголовков попробуй добавь:
    HTML:
    <div style="clear:both;"></div>
     
    White_S нравится это.
  8. Viorteya

    Viorteya Создатель

    Регистр.:
    24 апр 2013
    Сообщения:
    14
    Симпатии:
    10
    у тебя стоит
    Код:
     .blog-record-list a {float:right}
    - в зависимости от того, где еще это используешь, либо убираешь этот флоат вообще, либо ставишь
    Код:
     .blog-record-list a.blog-title {float:none}
    это во-первых, а во-вторых
    Код:
    .blog-image {float: left;}
    тоже флоат прибить или переопределить
     
    White_S нравится это.
  9. White_S

    White_S

    Регистр.:
    27 май 2009
    Сообщения:
    474
    Симпатии:
    95
    Подскажите пожалуйста, как выровнять по центру меню категорий? (то меню где кухни, шкафы, спальни и т.д.) т.е., само-то меню по центру страницы расположено, а пункты (надписи), выравниваются по левому краю http://mixx-mebel.net/
     
    Последнее редактирование: 22 июл 2015
  10. kadurinho

    kadurinho

    Регистр.:
    21 июн 2011
    Сообщения:
    601
    Симпатии:
    242
    обычным отступом, если добавлятся пункты больше не будут (если будут отступ уменьшить)

    меняем

    Код:
     
    .menu ul#topnav {
        margin: 0;
        padding: 0;
    }
    
    на

    Код:
     
    .menu ul#topnav {
        margin: 0 0 0 55px;
        padding: 0;
    }
    
     
    White_S нравится это.