Jump to content

Q4Dizzy

User
  • Posts

    515
  • Joined

  • Last visited

  • Days Won

    13

Posts posted by Q4Dizzy

  1. Вам нужно почитать более внимательно тему о позиционированиях, обтеканиях и потоке.. Тем более связка с обтеканием и абсолютным позиционированием - жесть нелогичная.

    Абсолютно спозиционированные элементы обладают следующими особенностями:

    • Выпадают из потока документа. Место, которое они занимали, становится как бы пустым и его занимают соседние элементы.
    • Ширина по умолчанию зависит от содержимого (а не растягивается на всю доступную ширину).
    • Остаются на том же месте, где были, если не заданы значения свойств top, left, right, bottom.
  2. Потому что неравномерная высота ломает блоки из-за обтекания. В таких случаях нужно проводить или очистку после определённых колонок или ограничивать блоки в самих колонках.  Хотя конкретно в вашем случае не вижу смысла от колонок, здесь можно просто использовать маркированный список и позиционировать их абсолютно.

  3. Ну вы же position:fixed; используете. Где правила right, top... ?

    fixed

    По своему действию это значение близко к absolute, но в отличие от него привязывается к указанной свойствами left, top, right и bottom точке на экране и не меняет своего положения при прокрутке веб-страницы.

     

    • Like 1
  4. А кто расскажет разницу в написании вёрстки под разные CMS ?

    Я например верстал под WordPress и Bitrix. Честно - разница не столь очевидна.. Под WP правда полегче, даже, если там магазин. Особенности, так сказать. Но интересует мнение экспертов.

  5. В 06.05.2017 в 03:03, Николя223 сказал:

    не понимаю почему такой пустяк в css с самого  начала не реализован

    Вот какой важный пустяк не реализован, так это вертикальное выравнивание!! И я не о vertical-align. В курсе про flex, но пока что обхожусь без его возможностей. И то, пустяком как-то и не назовёшь.

    P.S. Не по теме конечно, но захотелось высказаться.

  6. В 09.08.2017 в 20:29, Brodyaga337 сказал:

    С помощью этого можно подключить куски на основную страницу, но не не другие стриницы. Или нет?

    Не понял ваш вопрос, ну да ладно.

    Когда верстают под WP,  то обычно верстают стандартные страницы - главная(index или home),  полная запись(single), страница(page), 404 и т.д. 

     Если страница сильно отличается чем-либо, то можно, а иногда и нужно создать отдельный шаблон. Также можно написать функцию или использовать хуки и фильтры для чего-то уникального и соответственно использовать её на нужной странице, вставляя в шаблон этой страницы.

  7. Элемент в абсолютном позиционировании размещается либо:

    1 -Относительно род. элемента - род. элемент должен иметь относительное позиционирование

    position: relative;

    или абсолютное

    position: absolute;

    2 - если никакие родительские элементы не имеют position: relative/absolute;

    То позиционируется от тега html, body, тобищ от самой страницы-окна

    Вам надо просто почитать про тему с позиционированием.. Эта тема одна из самых сложных для тех, кто только учится html + css.

     

    Если надо - могу пояснить детальнее... Сорри, если не совсем внятно пояснил.

  8. Внесу свою мнение. В общем, как писал выше klierik, можно сделать обычным

     

     border-style: dotted;

    border-radius

    При чём не так давно даже наш старенький (не) любимый firefox нормально отображает углы, как надо. Застал это обновление и был слегка удивлён, что наконец-то он правильно показывает результат скругления стилей границ кроме solid.

    И лично моё мнение - это нормальный вариант..

    Не всегда реально реализовать детально чуть ли не в пиксель в пиксель какой-то момент и без проблем..

     

    Вариант c 

    background-image

    Норм вариант. можно управлять размерами, растяжкой.. но раз хотят динамики, скорее всего будет некоторое искажение... 

    Я лично считаю, что клиентам надо пояснять, что есть такие-то пути, но будут такие то проблемы или моменты.. 

    Вёрстка не чародейство, лишь магия с тем, что есть.

     

    P.S Мне лично нравится больше вариант css с границами, чем фоновое изображение.

  9. https://jsfiddle.net/od9uy0eg/

     

    У вас всё ломается, потому что вы меняете ширину или высоту ссылок при наведении..  При отображении фоновой картинки, элемент обычно неподвижен.

    Чтобы бы не было переходов на новую строку, можно задать минимальную ширину для меню, которая больше, чем вся ширина ссылок + их отступов.. 

    В вашем случае нужно читать про display; Position вам понадобится, когда будете делать выпадающее меню.

  10. В Wordpress всё достаточно просто. Основные страницы:

    • Index (Список статей). Она же главная.
    • Single - страница полной статьи.
    • Page - Шаблон обычной страницы..
    • Header - шапка
    • Footer - Подвал.
    • 404 - Страница ошибки.
    • Sidebar - Сайдбар (боковая панель)
    • searchform - Форма поиска

    Можно создавать много страниц с разным шаблоном, и подключать  требуемое в нужных местах.

    Советую почитать Это

  11. Иконки имеют своё название\номер.

     

    для примера иконка гугла имеет вид (номер и вообще название  в значении content может быть другим)

    .fa {
      display: inline-block;
      font-family: FontAwesome;
    }
    
    .fa-star-o:before {
      content: "/e900";
    }
    <i class="fa fa-star-o"></i>

    Вот мы и получаем.. Элемент (тег) i c классом fa, которому назначены свойства, и класс fa-star-o, у которого есть псевдо-элемент с контентом иконки.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy