Jump to content

Q4Dizzy

User
  • Posts

    515
  • Joined

  • Last visited

  • Days Won

    13

Everything posted by Q4Dizzy

  1. Вам нужно почитать более внимательно тему о позиционированиях, обтеканиях и потоке.. Тем более связка с обтеканием и абсолютным позиционированием - жесть нелогичная. Абсолютно спозиционированные элементы обладают следующими особенностями: Выпадают из потока документа. Место, которое они занимали, становится как бы пустым и его занимают соседние элементы. Ширина по умолчанию зависит от содержимого (а не растягивается на всю доступную ширину). Остаются на том же месте, где были, если не заданы значения свойств top, left, right, bottom.
  2. Вообще желательно давать ссылку хотя бы на песочницу. Тут телепатов или экстрасенсов нет.
  3. Что мешает использовать БС ? (Безопасная сделка)..
  4. Ну в вашем случае есть 2 варианта, которые я вижу. 1 - это закодировать изображение через base64, но это не особо кроссбраузерно. есть 2 вариант, это советую использовать - CDN.
  5. Зависит от того, какое решение выбрать. Если понадобится, подвигаю.
  6. Хотя нет, вот более верный способ. Писал на скорую руку, нужно добавить правила для разных браузеров.. http://jsfiddle.net/8tagegvw/
  7. Так вы написали transition для 2 свойств. И используете их оба сразу. Что именно смущает? Точнее какого эффекта пытаетесь добиться?
  8. Потому что неравномерная высота ломает блоки из-за обтекания. В таких случаях нужно проводить или очистку после определённых колонок или ограничивать блоки в самих колонках. Хотя конкретно в вашем случае не вижу смысла от колонок, здесь можно просто использовать маркированный список и позиционировать их абсолютно.
  9. @media Контролируйте высоту через медиа запросы.
  10. Ну вы же position:fixed; используете. Где правила right, top... ? fixed По своему действию это значение близко к absolute, но в отличие от него привязывается к указанной свойствами left, top, right и bottom точке на экране и не меняет своего положения при прокрутке веб-страницы.
  11. А кто расскажет разницу в написании вёрстки под разные CMS ? Я например верстал под WordPress и Bitrix. Честно - разница не столь очевидна.. Под WP правда полегче, даже, если там магазин. Особенности, так сказать. Но интересует мнение экспертов.
  12. Да тема давно закрыта.
  13. Вот какой важный пустяк не реализован, так это вертикальное выравнивание!! И я не о vertical-align. В курсе про flex, но пока что обхожусь без его возможностей. И то, пустяком как-то и не назовёшь. P.S. Не по теме конечно, но захотелось высказаться.
  14. Не понял ваш вопрос, ну да ладно. Когда верстают под WP, то обычно верстают стандартные страницы - главная(index или home), полная запись(single), страница(page), 404 и т.д. Если страница сильно отличается чем-либо, то можно, а иногда и нужно создать отдельный шаблон. Также можно написать функцию или использовать хуки и фильтры для чего-то уникального и соответственно использовать её на нужной странице, вставляя в шаблон этой страницы.
  15. Элемент в абсолютном позиционировании размещается либо: 1 -Относительно род. элемента - род. элемент должен иметь относительное позиционирование position: relative; или абсолютное position: absolute; 2 - если никакие родительские элементы не имеют position: relative/absolute; То позиционируется от тега html, body, тобищ от самой страницы-окна Вам надо просто почитать про тему с позиционированием.. Эта тема одна из самых сложных для тех, кто только учится html + css. Если надо - могу пояснить детальнее... Сорри, если не совсем внятно пояснил.
  16. Внесу свою мнение. В общем, как писал выше klierik, можно сделать обычным border-style: dotted; + border-radius При чём не так давно даже наш старенький (не) любимый firefox нормально отображает углы, как надо. Застал это обновление и был слегка удивлён, что наконец-то он правильно показывает результат скругления стилей границ кроме solid. И лично моё мнение - это нормальный вариант.. Не всегда реально реализовать детально чуть ли не в пиксель в пиксель какой-то момент и без проблем.. Вариант c background-image Норм вариант. можно управлять размерами, растяжкой.. но раз хотят динамики, скорее всего будет некоторое искажение... Я лично считаю, что клиентам надо пояснять, что есть такие-то пути, но будут такие то проблемы или моменты.. Вёрстка не чародейство, лишь магия с тем, что есть. P.S Мне лично нравится больше вариант css с границами, чем фоновое изображение.
  17. Почитайте про массивы. Это обращение к ключу массива.
  18. Q4Dizzy

    Фон меню

    https://jsfiddle.net/od9uy0eg/ У вас всё ломается, потому что вы меняете ширину или высоту ссылок при наведении.. При отображении фоновой картинки, элемент обычно неподвижен. Чтобы бы не было переходов на новую строку, можно задать минимальную ширину для меню, которая больше, чем вся ширина ссылок + их отступов.. В вашем случае нужно читать про display; Position вам понадобится, когда будете делать выпадающее меню.
  19. В Wordpress всё достаточно просто. Основные страницы: Index (Список статей). Она же главная. Single - страница полной статьи. Page - Шаблон обычной страницы.. Header - шапка Footer - Подвал. 404 - Страница ошибки. Sidebar - Сайдбар (боковая панель) searchform - Форма поиска Можно создавать много страниц с разным шаблоном, и подключать требуемое в нужных местах. Советую почитать Это
  20. Не совсем. Там сделано через onComplete. onOpen там лишний, забыл стереть его
  21. (function($){ $(function(){ //Ready //Some code here }); }(jQuery); Мой вариант.
  22. Иконки имеют своё название\номер. для примера иконка гугла имеет вид (номер и вообще название в значении 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