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
-
Про использование сетки при верстке
Долго ломаю голову по поводу одной темы: когда использовать сетку при адаптивной верстке? Смотрел чувака web design master, он говорит, что в каждом прокте должна использоваться сетка. Просто бывают макеты не по сетке и вот не понятно становится после его слов.
0 votes2 answers -
Скорость сайта и регистратор домена
Влияет ли расположение регистратора доменного имени на скорость сайта? Допустим я зарегистрирую сайтик.com на отечественном сервисе и на зарубежном - будет ли реальная разница во времени доступа к сайту или нет(ничтожно мала разница?)?
0 votes2 answers -
Вертикальное выравнивание в Bootstrap 4
У меня есть две колонки, в правой допустим есть текст и элементы. А в левой у меня один input и блок который я хочу чтобы блок был всегда вертикально посередине между инпутом и концом правого блока. Как мне это сделать? Пример на фотографии есть.
0 votes1 answer -
Как использовать @extend стилей из другого SCSS файла и есть ли в этом смысл?
Заранее прошу прощения если этот вопрос уже задавался, но, несмотря на обширное кол-во информации по теме, найти ответа на свой вопрос я не смогла. Суть в следующем: Например, у меня есть два отдельных scss файла - header.scss и footer.scss. Стили футера почти полностью совпадают со стилями хедера, за исключением пары свойств. Но если я прописываю в файле footer.scss @extend header - стили хедера не могут использоваться, т.к. это другой файл. Подскажите, как идеологически вернее делать в данной ситуации? Чтобы новый класс/элемент получал стили существующего класса из другого файла + добавлял свои или менял некоторые стили на свои.
0 votes1 answer -
bootstrap колонки + рамка
Добрый день, форумчане! Необходимо сверстать данную страничку. Нужно, чтобы некоторые колонки были обвернуты рамкой + логотип. Есть мысля делать это все при помощи fieldset+legend. Но, как видно по картинке, блоки должны располагаться непосредственно от рамки и лого, не внутри филдсета. Также еще нужно, чтобы при наведении на блоки применялся hover-эффект (по дефолту на них стоит фильтр размывания, при наведении этот фильтр должен исчезать). Собсна, в чем вопрос: как реализовать подобную рамку и лого, чтобы еще и до колонок смог достучаться ?
0 votes3 answers -
не работают шрифты в gulp
Прошу помощи!! не работает шрифт в сборке gulp, в чем дело не пойму, вроде делаю все правильно, обратится не к кому, в инете толковых объяснений не нашел, перепробовал уже всякие варианты. в простой сборке, без gulp все работает, а в gulpe нет, может кто поможет? напишите на майл bessolicyn72@mail.ru, вышлю папку со сборкой, что-бы можно было глянуть!!! Заранее благодарен, возможно в этом мире еще остались добрые люди, очень на это надеюсь!!)))
0 votes5 answers -
phpMailer не работает отправка файлов
Я не знаю, я 3 часа перепробовал все. Поставил форму отправки с прикреплением файлов, https://jsfiddle.net/02rm8d3m/ , данные отправляет, аттачмент нет. (мне нужно чтобы он определял файл и путь к нему, это я установил в коде php), я не знаю чего еще не хватает, кто знает, плиз, помогите, рили перепробовал все, что можно
0 votes4 answers -
Использование плагинов и других вспомогательных вещей js
Всем привет! Узнал о существовании плагинов js и появился такой вопрос: является ли использование плагинов и других вспомогательных вещей(типо галереи, слайдеры, карусели) на js хорошей практикой или лучше писать всё вручную?
0 votes1 answer -
Вопрос об использовании и не использовании сеток в верстке сайтов
Здравствуйте! У меня такой вопрос: всегда ли нужно использовать сетку для адаптивной верстки или нет? Или это зависит от дизайна? Насколько я понимаю, например, если psd макет выполнен с использованием сетки, то нужно использовать сетку и в верстке. А если дизайн выполнен без сетки, то и верстать нужно без сетки. Я правильно понимаю? Или может быть можно применять сетку всегда? Помогите пожалуйста.
0 votes0 answers -
animate css
https://jsfiddle.net/nhqahs3k/2/ Здравствуйте, подключил animate css и wow.js. Мне нужно было сделать так, чтобы заголовки в main появились при загрузке страницы, а изображения в preferences при прокрутке до них скролла. Делал по ютуб видео, но что то не получилось реализовать задуманное, помогите, где ошибка, заранее спасибо.
0 votes5 answers -
3 резиновых блока с фиксированными отступами
В общем, столкнулся с такой проблемой при верстке адаптивного сайта. Ширина сайта плавает в диапазоне от 320 до 1600px. Имеются 3 блока. Необходимо, чтобы эти блоки занимали всю предоставленную область и при этом имели одинаковые ширину(auto) и интервалы(30px). При уменьшении размера окна блоки должны сжиматься по ширине, а отступы оставаться неизменными. Реализация без flexbox'a. Нужна Ваша помощь, уважаемые форумчане! Буду очень благодарен, если поможете!
0 votes3 answers -
Показ данных во фрейме по нажатию кнопки
Доброго Вам времени суток. Проблема (для меня) заключается в следующем. Фрейм по нажатию кнопки должен показать вебстраницу (ту которая открывается в отдельном окне), подставляя в нужное место ссылки данные из строчного поля. Всю голову себе уже сломал. Дорогие знатоки, подскажите что куда прописать или куда хотя-бы мне копать. Заранее благодарю.
0 votes2 answers -
Что такое Полифилл?
Что за термин Полифилл?? касательно JS
0 votes8 answers -
помогите с кнопками, пожалуйста!
привет, можешь помочь чуть чуть) есть такой сайт Мир-климата-брянск.рф там есть 3 кнопки справа и одна слева типо бесплатный замер, <div class="obrvz"> <img src="http://xn—--7kcag1bbpfehfr6ajrl2v.xn--p1ai/wp-content/uploads/2018/03/-1-e1520153199397.png" class="popmake-326"/> </div> <a class="but" href="http://xn—--7kcag1bbpfehfr6ajrl2v.xn--p1ai/%D0%B0%D0%BA%D1%86%D0%B8%D0%B8/">Акции</a> <a class="bat" href="http://xn—--7kcag1bbpfehfr6ajrl2v.xn--p1ai/%D0%BD%D0%B0%D1%88%D0%B8-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%8B/">Наши…
0 votes1 answer -
Не совсем догоняю про поддержку браузерами, объясните пожалуйста.
Есть браузер,а есть движок браузера, есть движок еще и JavaScript, HTML, CSS и т.д. У меня голова взрывается уже от этих движков.Помогите по полочкам все расставить. На что какой движок влияет, и что мне нужно знать как фронтенд разработчик ? (а то ничего не понимаю, не доходит и все)
0 votes8 answers -
FlexBox или нет...
Добрый день. Подскажите пожалуйста как добиться такого, что бы новые блоки добавлялись по порядку (по высоте). Ширина блоков и окна статична, по высоте блоки двух типов. На скрине черным пронумерованы по порядку добавления блоки которые уже есть, а красным обозначены места для последующего добавления.
0 votes7 answers -
Подскажите какие-то ссылки или книги про "Устройство браузера"
Решил поглубже познакомится с устройством браузера. В поисковиках искал, но информации там толковых мало, так же после публикации у этих статей 5 - 6 лет прошло.
0 votes0 answers -
Выравнивание блоков в masonry
Добрый день. <div class="case" data-masonry='{ "itemSelector": ".prev_block", "columnWidth": 320 }'> <div class="prev_block"></div> <div class="prev_block"></div> <div class="prev_block"></div> Не получается выравнять блоки по центру. Так не работает: .case{ margin:0 auto; } Так заработало: <div class="case" data-masonry='{ "itemSelector": ".prev_block", "columnWidth": 320, "fitWidth": true }'>
0 votes0 answers -
Проблемка при переходе с bootstrap 3.3.7 на 4.1.0
Всем привет, В Laravel 5.6 /vuejs2.5 приложении перешел с bootstrap 3.3.7 на 4.1.0 и читая доку http://bootstrap-4.ru/docs/4.1/migration/ поменял классы в своих тиемплейтах Но кое что работает неправильно . У меня есть редактор одной строки, и он выглядит очень узко хотя должен быть максимально широко на любом устройстве. Printscreen И непонятно почему в диве с классом card-body рядом появилcя класс table-responsive который я не вс тавлял - так как на этой странице таблицы нет ... <div id="app" style="background-color: blue" style="background-color: yellow; border: 2px dotted green; width: 100%" class="col-12"> <app-header >…
0 votes2 answers -
Как лучше сверстать блоки разной высоты на Bootstrap?
Прошу прощения за мой дилетантский вопрос: Есть макет сайта вот такого плана (картинка во вложении). Все блоки на сайте размещены сеткой, у каждого блока высота равна или x, или 2x, или 3x, ширина тоже - y, или 2y. Пробую сделать на Bootstrap, но, из-за высоты, бутстрап размещает 4-й блок не под 2-м, а под первым, с новой строки. Пример: https://www.codeply.com/go/dwyEv5gprw Подскажите, как решить данный вопрос? Заранее спасибо!
0 votes3 answers -
Можно ли задавать высоту обертки, блока всей секции в rem?
Возник такой вопрос, пока учился верстать, все всегда говорили что высоту блока либо обертки для всей секции лучше не задавать (типо пусть блок отталкивается от контента, и потом уже задать падинги), так как при адаптиве есть шанс что все попадает, но недавно на одной забугорном ролике по бутстрапу увидел что верстальщик внаглую прописывает всем блокам высоту в rem (не важно, обертка ли это для сексии, кнопка, обертка картинки и тд), отталкиваясь от body который прописан в пикселях. Rem как-то более толератнее относится к адаптиву? Или есть какая то фишка?
0 votes1 answer -
небольшой вопрос по верстке
объясните, как сверстать этот мокап с таким наклоном и поворотом изображений
0 votes2 answers -
Переменные в CSS
Добрый день. Подскажите пожалуйста как заставить переменные работать в двух браузерах IE 9, 10, 11 и UC ? :root{ --color_a:green; } .test{ background-color:var(--color_a); fallback не вариант
0 votes1 answer -
Анимация картинок работает только в потоке
Метод Animation работает только в отдельном потоке, почему? Объясните, почему не работает в этом коде анимация картинок(теория) Наверное через таймер работать будет, но я спрашиваю именно почему так не работает Вот код: using System; using System.Collections.Generic; using System.Drawing; using System.Windows.Forms; namespace AnimaciyaIsKartinok { public partial class MainForm : Form { public List<Image> ImageList = new List<Image>(); public MainForm() { InitializeComponent(); } private void MainForm_Load(object sender, EventArgs e) { LoadTexture(); Animation(); } void Animation() { for (int index = 0; index >= 0; index++) { if (index &g…
0 votes0 answers -
Slick slider
Коллеги, добрый день. Разбираюсь в чужом коде, не могу настроить слайдер. http://nailbar.mini-mall.ru/price.html 3 вопроса: 1. Как вывести по 3 блока в слайдере, в условиях написал, но не выводится. 2. Как спрятать блоки, которые идут ниже первого ряда, чтобы было видно только 1 ряд. 3. Как вывести стрелки, в условиях тоже написал, но не вижу. Огромная просьба намекнуть, куда смотреть и что делать
0 votes13 answers