HTML Coding

29,542 questions in this forum

1. Не могу экпортировать графику в фототошоп помогите!

   Фотошоп сс 2017г когда нажимаю на "export as" ничего не происходит а Ctrl + Shift+ Alt + S экспортируется вся страница. 2018 не смог скачать, постоянно ошибку показывает "с118". Как решить эту проблему ?

   Asked by Колхозник деревенский, May 14, 2018

   0 votes
   3 answers
2. svg спрайт. Просмотр.

   Вы используете svg спрайты ? Есть ли способ просматривать svg спрайт html ? чтобы можно было посмотреть наличие той или иной иконки.

   Asked by SnowSilver, May 16, 2018

   • svg спрайт
   0 votes
   3 answers
3. Обрезка фона блока при уменьшении размера экрана

   Здравствствуйте. Вопрос в следующем: необходимо, чтобы картинка, которая на фоне, при разрешении 1200 обрезалась справа: а при большем разрешении — нет: Я пытаюсь эту картинку сделать фоном header'a (тут можно увидеть первый блок в текущем состоянии) Но, крышка к гробу не подходит. Думала сделать фоновую картинку большой (см. картинку) и позиционировать посередине, но может есть лучше решение?

   Asked by Alisa1711, May 22, 2018

   • html
   • css
   0 votes
   3 answers
4. Горизонтальный скролл на мобильной версии сайта

   Добрый день. Возникла проблема при работе над адаптивностью сайта. Использую bootstrap 4, при 575px ширины экрана и меньше появляется горизонтальный скролл. Просмотрел каждый блок сайта, ничего лишнего не вылазит за границу. В чем может быть проблема? Подскажите, пожалуйста. http://sqt.zzz.com.ua/workfordream/

   Asked by Qosmo, May 30, 2018

   0 votes
   3 answers
5. Растровое изображение в векторное

   Подскажите, как можно преобразовать растровое изображение в векторное, без потери качества? Изображение вроде не сложное, без высокой детализации... я пробовал использовать трассировку в Adobe Illustrator, но там изображение деформируется, меняется, линии не ровные получаются... Как это можно сделать? Исходное изображение в png и пример в simple.svg - то что получил трассировкой в Illustrator Simple.svg

   Asked by SnowSilver, June 3, 2018

   • изображения
   0 votes
   3 answers
6. Не адаптируется фото шапки сайта

   Ребята! Есть страница http://minskgid.by При смене фото шапки страницы там где бабочка на компьютере более менее, а вот на телефоне становится все ужасно... Фото 1200*800. Самое интересное что вставляю другое фото (тоже 1200*800) - оно адаптируется и на компьютере нормально и на телефонах. Бабочку эту я уже сунул по всем углам - все равно ничего не получается. Может кто-нибудь подскажет идею что можно еще сделать, Спасибо...

   Asked by Valuna, June 7, 2018

   0 votes
   3 answers
7. Прыгает скрол при смене изображения в слайдере

   Добрый день! На странице http://vs.company/project1.html есть слайдер работ, который переключается при клике на стрелки. Так вот при переходе от вертикального фото к горизонтальному и наоборот, меняется скрол(активная часть экрана.. не знаю как по другому объяснить) и создается эффект прыжка, и стрелки переключения поднимаются или спускаются, что не очень удобно. Высота родительского блока фиксирована. Что интересно данная проблема встречается на больших экранах, у меня при 1366на788 все ок. Подскажите, пожалуйста, как решить эту проблему

   Asked by kaspers128, June 11, 2018

   0 votes
   3 answers
8. Позиционирование текста по нижнему краю со скрытием его части не помещающейся в блок

   Подскажите, как решить задачу позиционирование текста по нижнему краю со скрытием его части не помещающейся в блок? Использую следующий CSS: div{ height:160px; width:160px; overflow:hidden; display:table-cell; vertical-align:bottom; } При таком способе не срабатывает overflow:hidden; и при длинном тексте высота блока увеличивается.

   Asked by Павел Ткачев, June 15, 2018

   0 votes
   3 answers
9. Как в HTML5 разбить страницу на фреймы с отдельной html страницей в каждом

   Здравствуйте! Надо на одной странице отобразить несколько страниц в разных частях в HTML5. Если надо в "top" поместить одну страницу на всю ширину, ниже сделать 2 страницы на одном уровне. Под ними поставить страницу "footer" на всю ширину. В общем как то так: В index.html <iframe src="top.html" name="top" style="border-style: none;width: 100%; height: 120px;"></iframe> <iframe src="menu.html" name="left" style="border-style: none;width: 20%; height: 500px;"></iframe> <iframe src="table.html" name="right" style="border-style: none;width: 79%; height: 500px;"></iframe> <iframe src="footer.html" name="footer" s…

   Asked by Nightingale81, June 26, 2018

   0 votes
   3 answers
10. Стримы HTML и CSS

    Добрый день. Подскажите, пожалуйста, есть ли где на просторах ютуба или другого видеохостинга канал с хорошими стримами вёрстки html? Всё что нахожу на ютубе это видео «Как сверстать макет с нуля за час», но хотелось бы посмотреть что-то в формате стрима, как человек решает типовые задачи. То есть, смотрим, как верстальщик работает с вёрсткой. Думаю, многим новичкам было бы полезно посмотреть, как люди работают с кодом.

    Asked by Magic_Rabbit, July 1, 2018

    • для новичков
    • html
    • css
    • видео
    • обучение
    1 vote
    3 answers
11. Обрезать текст по вертикали

    Нужно чтобы текст обрезался по вертикали http://skrinshoter.ru/s/040718/dYPUy6EU и переполненное содержимое скрывалось overflow: hidden почему то не помогает https://codepen.io/anon/pen/yErxLY

    Asked by yaparoff, July 4, 2018

    • overflow
    0 votes
    3 answers
12. << и >> до и после текста

    Нужно сделать << и >> до и после текста. Вот таким образом http://skrinshoter.ru/s/050718/7gDP7LAc?a У меня получается как-то некорректно http://skrinshoter.ru/s/050718/lO2xSi0U Элементы чуть приподняты. Как их выровнять? margin-top не помогает, before и after - тоже https://codepen.io/anon/pen/PavQWP

    Asked by yaparoff, July 5, 2018

    0 votes
    3 answers
13. На мобильных верстка ломается

    Есть блок с текстом. Он должен выглядеть вот так на десктопе http://skrinshoter.ru/s/070818/asZx0jAT Но на мобильной версии с этим возникают проблемы, верстка немного ломается http://skrinshoter.ru/s/070818/bWn5aEQf Как сделать чтобы все было ровно? https://codepen.io/anon/pen/jpvKXp Должно быть вот так: http://skrinshoter.ru/s/070818/qk7Y253u

    Asked by yaparoff, August 7, 2018

    0 votes
    3 answers
14. Как обьеденить все

    Как обьеденить все в одну строчку. Скрины прилагаются того что должно и что получилось. Вот что получилось. Получается что, когда создается второй и пытаюсь соеденить со вторым, с помощью margin то не красиво получаестя.

    Asked by vtkm96, July 11, 2018

    0 votes
    3 answers
15. Выборка элементов списка по первой букве

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

    Asked by Arxont, July 11, 2018

    0 votes
    3 answers
16. Не отображаются заголовки на айфоне и айпаде

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

    Asked by garmoni, July 15, 2018

    • заголовки
    • айфон
    • айпад
    0 votes
    3 answers
17. Убрать обводки

    https://jsfiddle.net/vitalikan/xLuzj8ya/1/ Там снизу есть кнопка подробнее нажимая на нее получается обводка синяя. Не могу убрать помогите Извените что все остальное не на местах просто нет времни

    Asked by vtkm96, July 17, 2018

    0 votes
    3 answers
18. Различное отображение сайта на домене и поддомене. Как исправить?

    При абсолютно одинаковом коде сайта, он отображается по-разному. На домене не учтен цвет фона и стили таблицы. Как это можно исправить?

    Asked by Юлия_36, July 19, 2018

    0 votes
    3 answers
19. Ни как не могу сверстать данный блок. Помогите плс

    надо сверстать вот такой геометрический шестиугольник, и поместить фото на все ширину блока и высоту.

    Asked by Ильдияр, July 28, 2018

    0 votes
    3 answers
20. 4 элемента в колонке, если добавляется 5-ый, то он уходит в другую колонку

    Элементы генерируются с помощью js. В колонке должно быть 4 элемента. Если добавляется 5-ый, то он уходит в другую колонку. Как это реализовать? http://skrinshoter.ru/s/010818/mKAyNKug?a

    Asked by yaparoff, August 1, 2018

    0 votes
    3 answers
21. Стрелка сразу после текста

    Здравствуйте, уважаемые коллеги. Столкнулся со сложностью, которую никак не получается решить, да так чтобы дизайнер был доволен. В общем, фишка в том чтобы вот эта вот стрелочка шла сразу после текста http://skrinshoter.ru/s/150818/hdI0I3mE (лучше чуть ниже на пару пикселей) Именно рядом с ним. Проблема усугубляется что в некоторых местах текст становиться в две строки. Пробовал это решать с помощью position absolute, но тогда в некоторых местах эта стрелка уходит слишком далеко от текста. Пробовал флоатами и опять не то. https://codepen.io/anon/pen/RBmoQj

    Asked by yaparoff, August 15, 2018

    0 votes
    3 answers
22. Блок с закруглёнными краями и градиентным border

    Как сверстать блок с закруглёнными краями и градиентным border? На примере кнопки, я сверстал используя не стандартный подход, а есть ли более правильный семантически корректный подход в решении таких задач? Не нравится что кнопка вышла фиксированного размера. Много CSS-свойств. *, *::before, *::after { box-sizing: border-box; } body { background: #050B1F; } /* Верхний слой */ #button-continue { margin-top: 46px; width: 331px; height: 54px; border: 3px solid transparent; border-radius: 56px; background-color: rgba(11, 27, 55, 1); position:relative; cursor:pointer; } /* нижний слой (Градиент) */ #button-continue::after { cont…

    Asked by Delat, August 30, 2018

    0 votes
    3 answers
23. Оформление тега <audio>

    Здравствуйте, не могли бы мне помочь сделать дизайн элемента <audio>?

    Asked by deekep, August 30, 2018

    • audio
    • css
    • html
    • design
    • js
    • help me
    0 votes
    3 answers
24. 1 форма для нескольких товаров

    Привет. На сайте есть форма (ее открытие реализуется через arcticmodal) и около 7-8 кнопок, 6 из которых покупка товаров и еще 2 для заказа консультации. Вопрос: как сделать чтобы определялся на какой именно товар заявка, не хочется делать много отдельных форм и в каждую вставлять input hidden с идентификатором товара, слишком громоздко. https://jsfiddle.net/2us4cjd0/ вот пример кода (вначале идет сама форма, ниже кнопки заказа)

    Asked by exoty, September 12, 2018

    0 votes
    3 answers
25. Масштаб винды и бразера

    Я не знаю куда можно разместить такой вопрос, попробую тут. Мне удобен масштаб винды 150% (персонализация-экран-150%) но этот масштаб влияет на содержимое браузеров, это же бред, кто нибудь с этим как то справился? Я хочу видеть сайты 1 к 1 как они выглядят на самом, деле, можно как нибудь сделать что бы увеличение интерфейса винды не влияло на содержимое сайтов?

    Asked by SoFuWa, September 12, 2018

    0 votes
    3 answers