HTML Coding

29,542 questions in this forum

1. Про использование сетки при верстке

   Долго ломаю голову по поводу одной темы: когда использовать сетку при адаптивной верстке? Смотрел чувака web design master, он говорит, что в каждом прокте должна использоваться сетка. Просто бывают макеты не по сетке и вот не понятно становится после его слов.

   Asked by Oloref, May 4, 2018

   • верстка
   • html
   • css
   0 votes
   2 answers
2. Вертикальное выравнивание в Bootstrap 4

   У меня есть две колонки, в правой допустим есть текст и элементы. А в левой у меня один input и блок который я хочу чтобы блок был всегда вертикально посередине между инпутом и концом правого блока. Как мне это сделать? Пример на фотографии есть.

   Asked by Orly, May 4, 2018

   0 votes
   1 answer
3. bootstrap колонки + рамка

   Добрый день, форумчане! Необходимо сверстать данную страничку. Нужно, чтобы некоторые колонки были обвернуты рамкой + логотип. Есть мысля делать это все при помощи fieldset+legend. Но, как видно по картинке, блоки должны располагаться непосредственно от рамки и лого, не внутри филдсета. Также еще нужно, чтобы при наведении на блоки применялся hover-эффект (по дефолту на них стоит фильтр размывания, при наведении этот фильтр должен исчезать). Собсна, в чем вопрос: как реализовать подобную рамку и лого, чтобы еще и до колонок смог достучаться ?

   Asked by YurikMurik, May 3, 2018

   • bootstrap
   • border
   • верстка
   0 votes
   3 answers
4. phpMailer не работает отправка файлов

   Я не знаю, я 3 часа перепробовал все. Поставил форму отправки с прикреплением файлов, https://jsfiddle.net/02rm8d3m/ , данные отправляет, аттачмент нет. (мне нужно чтобы он определял файл и путь к нему, это я установил в коде php), я не знаю чего еще не хватает, кто знает, плиз, помогите, рили перепробовал все, что можно

   Asked by exoty, May 2, 2018

   0 votes
   4 answers
5. не работают шрифты в gulp

   Прошу помощи!! не работает шрифт в сборке gulp, в чем дело не пойму, вроде делаю все правильно, обратится не к кому, в инете толковых объяснений не нашел, перепробовал уже всякие варианты. в простой сборке, без gulp все работает, а в gulpe нет, может кто поможет? напишите на майл bessolicyn72@mail.ru, вышлю папку со сборкой, что-бы можно было глянуть!!! Заранее благодарен, возможно в этом мире еще остались добрые люди, очень на это надеюсь!!)))

   Asked by wegas, May 2, 2018

   0 votes
   5 answers
6. Как использовать @extend стилей из другого SCSS файла и есть ли в этом смысл?

   Заранее прошу прощения если этот вопрос уже задавался, но, несмотря на обширное кол-во информации по теме, найти ответа на свой вопрос я не смогла. Суть в следующем: Например, у меня есть два отдельных scss файла - header.scss и footer.scss. Стили футера почти полностью совпадают со стилями хедера, за исключением пары свойств. Но если я прописываю в файле footer.scss @extend header - стили хедера не могут использоваться, т.к. это другой файл. Подскажите, как идеологически вернее делать в данной ситуации? Чтобы новый класс/элемент получал стили существующего класса из другого файла + добавлял свои или менял некоторые стили на свои.

   Asked by VeraVostro, May 2, 2018

   • верстка
   • css
   • sass
   • scss
   0 votes
   1 answer
7. Использование плагинов и других вспомогательных вещей js

   Всем привет! Узнал о существовании плагинов js и появился такой вопрос: является ли использование плагинов и других вспомогательных вещей(типо галереи, слайдеры, карусели) на js хорошей практикой или лучше писать всё вручную?

   Asked by Oloref, May 2, 2018

   • вёрстка
   • css
   • js
   • html
   0 votes
   1 answer
8. Вопрос об использовании и не использовании сеток в верстке сайтов

   Здравствуйте! У меня такой вопрос: всегда ли нужно использовать сетку для адаптивной верстки или нет? Или это зависит от дизайна? Насколько я понимаю, например, если psd макет выполнен с использованием сетки, то нужно использовать сетку и в верстке. А если дизайн выполнен без сетки, то и верстать нужно без сетки. Я правильно понимаю? Или может быть можно применять сетку всегда? Помогите пожалуйста.

   Asked by Oloref, May 2, 2018

   • css
   • html
   0 votes
   0 answers
9. animate css

   https://jsfiddle.net/nhqahs3k/2/ Здравствуйте, подключил animate css и wow.js. Мне нужно было сделать так, чтобы заголовки в main появились при загрузке страницы, а изображения в preferences при прокрутке до них скролла. Делал по ютуб видео, но что то не получилось реализовать задуманное, помогите, где ошибка, заранее спасибо.

   Asked by exoty, April 30, 2018

   0 votes
   5 answers
10. 3 резиновых блока с фиксированными отступами

    В общем, столкнулся с такой проблемой при верстке адаптивного сайта. Ширина сайта плавает в диапазоне от 320 до 1600px. Имеются 3 блока. Необходимо, чтобы эти блоки занимали всю предоставленную область и при этом имели одинаковые ширину(auto) и интервалы(30px). При уменьшении размера окна блоки должны сжиматься по ширине, а отступы оставаться неизменными. Реализация без flexbox'a. Нужна Ваша помощь, уважаемые форумчане! Буду очень благодарен, если поможете!

    Asked by MrFreeman, April 30, 2018

    0 votes
    3 answers
11. помогите с кнопками, пожалуйста!

    привет, можешь помочь чуть чуть) есть такой сайт Мир-климата-брянск.рф там есть 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/">Наши…

    Asked by ne_beret, April 28, 2018

    0 votes
    1 answer
12. Подскажите какие-то ссылки или книги про "Устройство браузера"

    Решил поглубже познакомится с устройством браузера. В поисковиках искал, но информации там толковых мало, так же после публикации у этих статей 5 - 6 лет прошло.

    Asked by Agony741, April 27, 2018

    0 votes
    0 answers
13. Выравнивание блоков в 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 }'>

    Asked by Ubhra, April 27, 2018

    0 votes
    0 answers
14. Проблемка при переходе с 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 &gt…

    Asked by mstdmstd, April 27, 2018

    0 votes
    2 answers
15. Как лучше сверстать блоки разной высоты на Bootstrap?

    Прошу прощения за мой дилетантский вопрос: Есть макет сайта вот такого плана (картинка во вложении). Все блоки на сайте размещены сеткой, у каждого блока высота равна или x, или 2x, или 3x, ширина тоже - y, или 2y. Пробую сделать на Bootstrap, но, из-за высоты, бутстрап размещает 4-й блок не под 2-м, а под первым, с новой строки. Пример: https://www.codeply.com/go/dwyEv5gprw Подскажите, как решить данный вопрос? Заранее спасибо!

    Asked by VeraVostro, April 27, 2018

    • css
    • bootstrap
    0 votes
    3 answers
16. Можно ли задавать высоту обертки, блока всей секции в rem?

    Возник такой вопрос, пока учился верстать, все всегда говорили что высоту блока либо обертки для всей секции лучше не задавать (типо пусть блок отталкивается от контента, и потом уже задать падинги), так как при адаптиве есть шанс что все попадает, но недавно на одной забугорном ролике по бутстрапу увидел что верстальщик внаглую прописывает всем блокам высоту в rem (не важно, обертка ли это для сексии, кнопка, обертка картинки и тд), отталкиваясь от body который прописан в пикселях. Rem как-то более толератнее относится к адаптиву? Или есть какая то фишка?

    Asked by Goreska, April 27, 2018

    • html
    • css
    • верстка
    0 votes
    1 answer
17. Показ данных во фрейме по нажатию кнопки

    Доброго Вам времени суток. Проблема (для меня) заключается в следующем. Фрейм по нажатию кнопки должен показать вебстраницу (ту которая открывается в отдельном окне), подставляя в нужное место ссылки данные из строчного поля. Всю голову себе уже сломал. Дорогие знатоки, подскажите что куда прописать или куда хотя-бы мне копать. Заранее благодарю.

    Asked by Anatoliy109, April 26, 2018

    0 votes
    2 answers
18. Не совсем догоняю про поддержку браузерами, объясните пожалуйста.

    Есть браузер,а есть движок браузера, есть движок еще и JavaScript, HTML, CSS и т.д. У меня голова взрывается уже от этих движков.Помогите по полочкам все расставить. На что какой движок влияет, и что мне нужно знать как фронтенд разработчик ? (а то ничего не понимаю, не доходит и все)

    Asked by Agony741, April 25, 2018

    0 votes
    8 answers
19. Переменные в CSS

    Добрый день. Подскажите пожалуйста как заставить переменные работать в двух браузерах IE 9, 10, 11 и UC ? :root{ --color_a:green; } .test{ background-color:var(--color_a); fallback не вариант

    Asked by Ubhra, April 25, 2018

    0 votes
    1 answer
20. небольшой вопрос по верстке

    объясните, как сверстать этот мокап с таким наклоном и поворотом изображений

    Asked by exoty, April 25, 2018

    0 votes
    2 answers
21. Анимация картинок работает только в потоке

    Метод 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…

    Asked by Аниме Любитель, April 25, 2018

    0 votes
    0 answers
22. Выравнивание блока меню относительно кнопки вызова

    Доброго дня! Есть многоуровневое меню (картинка 1) Жму на кнопку Каталог - открывается блок с дополнительным содержимым. В этом содержимом есть подменю и под-под меню. Проблема тут такая часть содержимого из правого под-под меню не умещается на экране. Все потому, что блок с доп. содержимым относительно кнопки КАТАЛОГ открывается с выравниванием по левой своей части. Вот код в этом положении .cs-menu-container .dropdown, ul.type-category li .sub-cate { position: absolute; top: auto; left: 0; z-index: 1000; float: none; min-width: 230px; padding: 0; margin: 0; border: 1px solid #cccccc; border-top:2px solid #c04a62; background: #ff…

    Asked by Рома, April 22, 2018

    • меню
    • кнопка выравнивание
    0 votes
    2 answers
23. select обрезается буквы

    Добрый день. Помогите решить проблемку. В chrom и Opera <select> <option>100g</option> </select> у g обрезаeтся хвостик.

    Asked by Marina_dolya, April 22, 2018

    • select
    • option
    0 votes
    1 answer
24. Как создать три div со скошенными углами и фото

    2 й день мучаюсь не знаю как правильно подойти. В общем есть три фото. Их нужно разместить на сайте в ряд. Высота 800px, ширина 1200Px родителя. Но загвоздка в том что мне нужно их наскосок, как тут (background: linear-gradient( 135deg, #363430 35%, #FFF9ED 35%, #FFF9ED 65%, #000000 65%);) - только вместо цветов - фото. И при наведении на одно из фото - изменялся цвет+ можно поверх фото - текст написать, либо кнопку или ссылку. Надеюсь я ясно написал.

    Asked by lyman, April 20, 2018

    0 votes
    8 answers
25. Как обстоят дела с Ie8 сейчас ?

    Поддерживают ли сейчас ie8 или начинают с 9 ?

    Asked by Agony741, April 17, 2018

    0 votes
    0 answers