HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Виджеты wp
Здравствуйте. Проблема в следующем, почему текст в верхних, виджетах, не выделяется? http://comp-tech.ru/ Как сделать так, чтобы можно было выделить? мышкой и скопировать
1 vote2 answers -
Почему формат шрифта eot на некоторых сайтах подключают отдельно, от всех остальных fon-face ?
@font-face { font-family:'SF Pro Display'; font-style:normal; font-weight:500; src: local('☺︎'), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_medium.woff2") format("woff2"), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_medium.woff") format("woff"), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_medium.ttf") format("truetype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family:'SF Pro Display 500'; src: url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_medium.eot"); /* (C) 2015 Apple Inc. All rights reserved.*/ } 1. Почему при подключении шрифта apple указывает имя шрифту такое font-family: 'SF P…
1 vote8 answers -
Не могу заставить <button> действовать как inline
Есть span. Если спану задать padding, он вывалится за поля родителя. Если button задать padding, display: inline; border: 0, то за поля родителя кнопка все равно вылезать не хочет. Почему? Демо - https://jsfiddle.net/hmev9p1r/
1 vote6 answers -
Slick slider нужна помощь?
Ребят, есть вот такой вертикальный слайдер сделанный на Slick. Проблема в том, что высота нашей пагинации ограничена. Например у нас сейчас есть пять слайдов, в пагинацию помещается только 4. То-есть если мы пролистываем до пятого слайда, в пагинации это не отображается, она остается на месте. Можно как-то сделать, чтобы когда мы переключали слайдер на пятый слайд, пагинация тоже делал слайд и переключалась.
1 vote2 answers -
Откуда берется картинка, когда даешь ссылку на сайт?
Извиняюсь, если вопрос не в том разделе. Когда в каком-нибудь чате — например, ВК или инстаграме — даешь ссылку на сайт, то автоматически подцепляется картинка. Вот, например http://joxi.ru/L210ZGMI8Kpj1m Я должна ее поменять, но не пойму, как? Или как вообще это называется, по каким запросам гуглить? Когда ищу по запросам со словом "сниппет", в результатах речь только о сниппете из поисковой выдачи.
1 vote2 answers -
Блок со скошенными краями
Здравствуйте, подскажите пути решения такой вот задачи: Скрытый текст Адаптивный дизайн, родительский блок сделал с помощью clip-path:polygon, но у внутренних блоков есть border:2px поэтому clip-path не подходит. Подскажите, как правильнее это сверстать?
1 vote12 answers -
Как верстать сайты большой ширины ?
Здравствуйте. 1. Несовсем понимаю логику, например, как верстать сайты в котором ширина макета 1400px, а контент 1170px. ? Получается, сайт не должен быть шире 1400px, а контент не шире 1170px ? (тут мне интересно что должно быть сайтом когда ширина экрана будет больше 1400px, задний фон задавать ?) 2. Объясните, пожалуйста, как в команде разработчики и дизайнеры работают ? Например, в интернете я нахожу только макеты для десктопа, ну и шаблон под мобилу и планшеты разумеется делаю как мне вздумается, а как в командах? как быть в таких случаях когда ты в команде - но макет только для десктопа, тоже на глаз, сам как хочешь и выкручиваешься ? 3. Скиньте, по…
0 votes6 answers -
Bootstrap 4, Flexbox или Cssgrid
Добрый день уважаемые форумчане. Недавно занялся версткой, изучил Html, css, jqery и несколько популярных cms. Возник такой вопрос, большинство знакомых фронтендеров работают только с бутстрапом, причем только с его сеткой - пишут сайты на чистом css, позже равняя блоки с помощью md, xs и тд. Спрашивая у них про другие методы будь то флексы или новые css гриды, они говорят что бутстраповская сетка лучше, легче, не надо придумывать велосипед и делать новую сетку в флексах. В контраргумент им посмотрел недавно видео Html шорты, где большинство разработчиков пропагандируют за флексы, считая их отличным инструментом разработки и советуют переходить на них, минуя бутстрап, та…
0 votes3 answers -
Небольшой отступ от логотипа
https://artrises.github.io/ Не получается найти причину, под логотипом есть небольшой отступ, перерыл все включая использование инспектора, у лого в футере был же такой отступ, он был из-за встроенного в normalize - line-height.Заранее спасибо
0 votes2 answers -
Альтернатива legend в fieldset
Добрый день! Имеется ли аналог помимо legend-а и fieldset для решения данной задачи?
0 votes4 answers -
Насколько в современной верстке важен pixel perfect
Форумчане, хотел у вас узнать насколько важен pixel perfect в современной верстке. Верстаю учебный макет, дизайнер сделал его вполне красиво, но когда верстаешь - падинги у элементов везде разные (допустим внутри списка у элементов li), либо margin в блоках, и таким моментов море........такое чувство что когда дизайнер рисовал макет, он особо не заморачивался и пихал на глаз, и мне приходится для каждого из элементов списка допустим использовать nth-child, пытаясь добиться попиксельного сходства с макетом родителем. Скажите, по вашему опыту, все это дрочь? Или есть такие заказчики которые требуют идеальной совместимости? Или все же хватает красоты и 100% сходства добивать…
0 votes1 answer -
Приоритет стилей при адаптивной верстке
Добрый день! Возникла проблема: при просмотре сайта на экране с разрешением меньше стандартного (стандартным принят размер 1200px) временами происходит дергание блоков. Причина - использование стилей. При разрешении экрана от 1200 px и более используются стили styles.css при разрешении экрана менее 1200 px применяются стили @media.css. Получается, что на маленьких экранах при обновлении страницы или при клике по пункту меню вначале происходит загрузка стилей styles.css и лишь за тем @media.css, в итоге, происходит небольшое подергивание блоков. Как можно решить эту проблему? Styles.css - набор стилей по умолчанию, для стандартных экранов. …
0 votes2 answers -
Блоки на одном уровне
кнопки должны быть на одном уровне. http://skrinshoter.ru/s/160418/uh7JFP95?a Когда заголовок становиться больше по высоте - он смещает кнопку вниз. Как этого избежать?
0 votes6 answers -
Респонсив верстка. Изображения
Верстаю респонсив. В макете есть вот такой блок Дело в том что при разной ширине экрана действительная высота блоков меняется. На некоторых экранах это выглядит вот так: Т.е. появляется разрыв между верхним и нижним блоком изображений. Как от этого избавиться? Вот здесь сама верстка:
0 votes3 answers -
Adaptation of the subscription form
Hello! Could you help me figure out how to adapt? .subscribe-form{ display: flex; justify-content: end; width: 100%; height: 90px; margin-top: 46px; border: none; } input[type="email"]{ background: #fcc302; color: #ffffff; padding: 17px 25px 17px 36px; font-size: 25px; font-weight: 300; } .section-button{ background-color: #00bec9; padding: 27px 37px 27px 39px; height: 90px; border: none; cursor: pointer; }
0 votes6 answers -
Убрать часть url
http://site.ru/ru/example.html Для смены языка на сайте нужно в адресе например /ru/ заменить на /us/ текущий адрес узнаю так <a id="demo"></a> <script> document.getElementById("demo").href= "http://site.ru/us/" + window.location.pathname; </script> Как получить только последнюю часть url?
0 votes2 answers -
Определенные контент от сайта в <iframe>
Здравствуйте. Извиняюсь, если пишу не в ту категорию, ибо не знаю, к какой категории отнести мой вопрос. Появилась нужда сделать чтобы в <iframe> выводилась определенная часть контента сайта, т.е. контент в определенном блоке. Была мысль реализовать это через :select(Если не ошибаюсь) в CSS но как сделать, чтобы все выводилось я не понял. Такое вообще можно реализовать не прибегая к js или php?
0 votes8 answers -
input type file
Еще раз привет, я точно не знаю как это делается, но нужно Input type file стилизовать
0 votes2 answers -
Позиционирование
Есть примерно такой html: <div class="container"> <div id="bloсk1">Высота контента может быть любой</div> <div id="bloсk2">Высота контента может быть любой</div> <div id="bloсk3"></div> </div> Возможно ли block3 поместить между block1 и block2, не изменяя html?
0 votes4 answers -
Не работает tr:hover
На сайте в таблице требуется при наведении на строку курсора выделять ее другим цветом. Но задаваемый мной стиль не работает: .tables2 tr:hover{ background:silver !important;} При этом если задавать это свойство для ячейки таблицы, то все нормально отображается. Вот пример страницы:http://football-stadiums.ru/afrika/10-afrika/29-marokko.html Подскажите, пожалуйста, что не так, если не сложно. Заранее благодарен.
0 votes3 answers -
Многослойный хэдер - как лучше реализовать?
Добрый день. Нужно сверстать вот такой хэдер у сайта. Вопрос к опытным верстальщикам: как реализовать многослойность фона? Причем чтобы ничего не съезжало при изменении разрешения экрана (т.е. фиксированная серединка оставалась на месте). Были попытки сделать через множественный фон или соединить все в одну картинку фона, но опять же при уменьшении или увеличении масштаба все разлазится. Как реализовать это нормально?
0 votes5 answers -
Как выровнять кнопки по центру
Доброго всем времени суток! Подскажите, пожалуйста, как в приведенном ниже блоке выровнять кнопки 1,2 и 3 по центру? HTML-код: <div class="bottom_nav_wrap"><div class="bottom_nav"><ul><li class="previuos"><a href="#">« Previous</a></li><li class="pages active"><a href="#">1</a></li><li class="pages"><a href="#">2</a></li><li class="pages"><a href="#">3</a></li><li class="next"><a href="#">Next »</a></li></ul></div> </div> CSS-код: .bottom_nav_wrap{padding:10px 0;background: url(../img/content-border.png) top …
0 votes2 answers -
Не могу сделать выпадающее горизонтальное меню
Здравствуйте! У меня образовалась такая проблемка при создании горизонтального меню. В общем, само меню я сделал, а вот как реализовать чтобы при наведении курсора на пункт снизу появлялся еще один пункт с контентом я не знаю. Подскажите пожалуйста как такое реализовать, а то я уже не знаю что делать. Искал в интернете, но все способы которые там описываются мне не подходят - меню либо ломается, либо вообще не работает. Вот кстати код: css: .horiz{width:1000px;height:40px;margin:auto;padding:0px;list-style:none;} .horiz li{float:left;height:40px;border-bottom:1px solid #2e4a5b;} .horiz A:hover{background:url(/devmedia/_images/grad/headerbackgroundpnglihover.png) #3b546…
0 votes2 answers -
Модальное окно
сайт лежит на локальном сервере. на сайте имеется кнопочка, по нажатию на которую выползает модальное окно, содержащее небольшую формочку. но когда я закрываю модальное окно, то URL становится таким: http://localhost/index.html#close, а при обновлении страницы происходит как бы моментальное открытие модального окна и сразу его закрытие. ну, будто он уже открыт был. нужно чтобы не было такого момента, что он после обновления страницы вызывает-закрывает модальное окно... как исправить? CSS: /* Контейнер */.modal {/* Слой перекрытия */position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 10000;/* Трансформации прозрачности при открытии …
0 votes5 answers -
уехало меню после добавления float
помогите пожалуйста вернуть .nav_top_inner под .header .оно уехало после того как я добавил float: left для .nav_top_inner ul lifiddle
0 votes2 answers