HTML Coding

29542 questions in this forum

1. образование Стоит ли идти на курсы Frontend-разработке в 2019?

   Позвольте немного философский, но оттого не менее важный вопрос. Многим известна онлайн-школа обучения веб разработке "Html-Academy", являющаяся, пожалуй, самой адекватной на российском рынке. У них есть несколько курсов - Html/css уровень 1, Html/css уровень 2, Java script уровень 1. Представленные как отдельные курсы по стоимости что-то около 15-20 тысяч рублей. НО недавно появилась программа "профессия" , которая представляет из себя обучение комплексно по 3 приведенным выше программам и присвоением квалификации "Frontend-разработчик" в конце обучения. Скажите, как вы считаете стоит ли идти на обучение по этой комплексной программе?…

   Asked by AlexGreat, December 21, 2018

   • html
   • javascriot
   0 votes
   1 answer
2. Заморочки с label

   Всем привет. Прошу совета. В табах по ссылке необходимо, чтобы со сменой слайдов изменялась стоимость ремонта в верхней желтой плашке. Никак не могу допереть как написать код. Не сочтите за труд, аксакалы. Кто может помочь, буду благодарен. https://codepen.io/dimpin/pen/YdZRvN

   Asked by Dimpin, December 22, 2018

   0 votes
   0 answers
3. Подскажите как закрасить баннер

   Приветствую специалистов по верстке. Нарисовал мне дизайнер такой баннер Подскажите как сверстать: 1) Строка "Размещение рекламы" по центру (по горизонтали) 2) фон этой строки закрашен только слева

   Asked by VasyOK{!}, December 22, 2018

   0 votes
   11 answers
4. Как вырезать необычное изображение

   Ето проблемное для меня изображение в psd макете смотрится как маленькое, обычное png изображение на фоне другого, гораздо большого изображения Как я понял в фотошопе оно представляет собой миниатюру стоя, а по верху миниатюра стоя маски. Тоисть выходит так что само ето миниатюрное изображение имеет черный фон, который на макете невидим, по при попытке вырезать мне нужную часть етот фон тоже вырезается. Нужная мне(выдимая) часть изображения имеет много мелких деталей и по другом как то их выделить не получается. Как быть?

   Asked by Serhiy, December 22, 2018

   0 votes
   1 answer
5. Изменение фона

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

   Asked by gadjet, December 23, 2018

   0 votes
   1 answer
6. При добавлении в сборку js файла перестал работать слайдер

   Доброго времени суток! Сразу к сути. Делаю учебный проект в шторме, конечный результат которого собирается при помощи сборки проекта. все библиотеки и зависимости установлены. с подключением slick-carousel разобрался, начал делать выпадающее меню в шапке, создал файл head.js, пописал в main.js такую строчку import 'head.js' в результате сломался слайдер, а в консоли ошибка "файл не найден" увидеть воочию можно тут https://rimidbit.github.io/shopia-S/ исходники тут https://github.com/rimidbit/source_code.git Что еще добавить не знаю. Готов предоставить все вводные, только б разобраться

   Asked by rimidbit, December 24, 2018

   0 votes
   0 answers
7. Появление лишнего отступа в блоке

   Здравствуйте! Есть небольшая проблема: имеется блок, в который вставляем строчные гиперссылки с изображениями внутри. Обнаружил, что в данном блоке появляется странный отступ снизу (зеленного цвета), от которого я не могу избавиться. Так как я новичок, то прошу помощи. Визуально проблему можно посмотреть здесь: https://jsfiddle.net. Проблема плевая, но я застрял . Заранее благодарю!

   Asked by Lex_85, December 26, 2018

   • div
   • img
   0 votes
   2 answers
8. Как скрыть

   Не могу скрыть значок битой картинки, вот здесь например http://f64.space/razrushitel-karin-kusama-br-nuar-o-demonah-bandah-mesti/ В коде она выглят как <img src="" или <img src(unknown) Пытаюсь писать что-то вроде: img src(unknown) { display:none; } Выдает ошибку CSS. Это вообще можно скрыть с помощью стилей?

   Asked by kpripper, December 26, 2018

   0 votes
   4 answers
9. Проблема в микроразметке

   Вот проблемный код: <figure itemscope itemprop="image" itemtype="http://schema.org/ImageObject"> <picture> <img itemprop="url contentUrl" src="http://nebo.top/data/_index-block/bg-index.jpg" srcset="http://nebo.top/data/_index-block/bg-index.jpg" alt="небо" title="небо"> </picture> <meta itemprop="width" content="100"> <meta itemprop="height" content="100"> </figure> Яндекс вебмастер выдаёт ошибку по всем картинкам в таком виде и не индексирует их: Валидатор выдаёт вот такое сообщение по этому коду: Помогите пожалуйста разобраться в чём тут проблема.

   Asked by alleclf, December 27, 2018

   0 votes
   2 answers
10. Как записать новый текст в ячейке таблицы сохранив старый текст?

    У меня есть таблица в ячейках которой уже есть текст как записать туда новый текст при этом сохранив старый. InnerHtml не помогает он делает замену старого текста на новой скриншот. Может быть можно как-то с помощью стилей сделать? <!doctype html> <html lang="en"> <head> <style> table td {width:25px; height:25px} </style> <meta charset="utf-8"> <title>Page1</title> <script> function showInfo() { document.getElementById("cell1").innerHTML="A"; document.getElementById("cell2").innerHTML="B"; document.getElementById("cell3").innerHTML="C"; } </script> &…

    Asked by Katerina23, December 30, 2018

    0 votes
    1 answer
11. Не могу установить emmet

    Кто сталкивался при попытке установить emmet выдает оповещение "Unable to download Emmet. Please view the console for more details." Где эта консоль, как увидеть ошибку?

    Asked by viliksar, January 4, 2019

    0 votes
    5 answers
12. Табы в Opera

    Есть код с вкладками: <section class="tabs"> <input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" /> <label for="tab-1" class="tab-label-1">Tab 1</label> <input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" /> <label for="tab-2" class="tab-label-2">Tab 2</label> <input id="tab-3" type="radio" name="radio-set" class="tab-selector-3" /> <label for="tab-3" class="tab-label-3">Tab 3</label> <input id="tab-4" type="radio" name="radio-set" class="tab-selector-4" /> <label for="tab-4" class="tab-label-4">Tab 4</label> <div c…

    Asked by terminotor, January 5, 2019

    • opera
    • tabs
    • табы
    • css
    0 votes
    2 answers
13. 2 прямоугольные трапеции, обращенные друг к другу

    Поздравляю с Рождеством мастеров верстки! Подскажите: как сделать 2 прямоугольные трапеции, обращенные друг к другу? Скрин: Пока что не получилось, так как на скрине. Уже и с transform мучался и с clip-path. Может что-то не понимаю. https://jsfiddle.net/PlayboyZP/L24u0mrw/

    Asked by VasyOK{!}, January 7, 2019

    0 votes
    1 answer
14. Комбинирование псевдоклассов

    Собственно, таблица. По ховеру меняется цвет в ячейках, условно, на золото. Но мне нужно, чтобы первая строка и первый столбец не реагировали на ховер, хотя бы визуально. Причем они имеют отличные от остальных ячеек цвета. Условно - серебро. Т.е. имеем: .tbl tr td:hover { background: gold; } .tbl tr td:first-child { background: silver; } .tbl tr td:first-child:hover { background: silver; } Работает. Мышка ходит по таблице, ячейки окрашиваются золотом, но первый столбец - нет. А вот с первой строкой, так не получается .tbl tr:first-child { background: silver; } .tbl tr:first-child:hover { background: silver !important; } Все р…

    Asked by Destrifer, January 8, 2019

    0 votes
    1 answer
15. Помогите исправить

    Не могли бы вы подсказать, если в коде 2 тега титл, то это какая то ошибка? Просто мне делали год назад сайт, и я не уверена что правильно. вот поподробнее: <title>Световые буквы</title> <meta name="keywords" content="реклама на транспорте, наружная реклама Москва, вывески, наружная реклама, штендеры, стенды, монтаж наружной рекламы, панель-кронштейн, световые вывески, таблички, интерьерная печать, латунные таблички, баннеры, объемные буквы, регистрация наружной рекламы, неоновая реклама, световые короба, перетяжки, оформление витрин, неон, металлические буквы" /> <meta name="description" content="Реклама на транспорте. Лучшие цен…

    Asked by ирина228777, January 8, 2019

    • title
    0 votes
    1 answer
16. first-child

    Нужно применить оформление только к первому tr входящему в таблицу: table tr:first-child { border-bottom: 1px solid red; } Причем в этой таблице находятся другие таблицы и каждый tr внутри каждой из них получает это свойство. А мне нужно только для первого tr входящего в основную таблицу. Все остальные таблицы - вложенные. Казалось бы... решение проблемы на поверхности: table > tr:first-child { border-bottom: 1px solid red; } Но нет. Так стиль вообще не появляется. Интересно почему. Tr является дочерним для table и я не вижу проблемы. Тоже рекомендуют ребята с оверфлоу, но че-то как-то не работает.

    Asked by Destrifer, January 10, 2019

    0 votes
    6 answers
17. Врёт самодельный счётчик посещаемости.

    Здравствуйте. Сделал на своём сайте простейший счётчик посещаемости. Алгоритм работы PHP скрипта установленного в начале каждой страницы: - проверяем куку, если она уже есть, ничего не делаем, показываем страницу - если куки нет, устанавливаем её и пишем в БД +1 к сегодняшним посетителям Яндекс метрика показывает 50 человек, а моя самодельная 200. Как быть ? Как убрать ложные срабатывания и откуда их столько набирается ? Сделал поправку в счётчике. Считаю вторым счётчиком тех, у кого кука уже проставлена. Т.е. они на моём сайте перешли по какой-нибудь ссылке. Так вот таких раза в три меньше уже. Спасиб…

    Asked by Kompilator, January 10, 2019

    0 votes
    1 answer
18. Не совпадает расчетная ширина элемента и фактическая

    Есть список, в каждом элементе списка от 2 div которые содержат картинки разной ширины 452 и 215 пикселей. Div должны располагаться в линию с заданными отступам по 10 пикселей. Соответственно, я рассчитываю, что ширина элемента списка будет (10+452+10)+(10+215+10) =707 пикселей. Выглядеть должно примерно так http://jsfiddle.net/8b4dso7L/3/ , но это работает только при ширине родительского элемента не менее 711 пикселей. при задании ширины родительского элемента в 707px верстка съезжает http://jsfiddle.net/k9j1gbsp/3/ В чем я туплю? Откуда еще 4 пикселя?

    Asked by Tohin, January 11, 2019

    0 votes
    3 answers
19. Выравнивание блоков/элементов

    Ребят всем привет! Я только начал изучать верстку по видео урокам на ютубе. У меня есть свой макет который я купил у дизайнера. Решил с него поучиться верстать. Подскажите как правильно сделать шапку сайта. У меня все выравнивания происходят с помощь отрицательных "margin". Судя по урокам, везде делают это с помощью flex и тому подобное. Дизайн очень оказался сложным и там много проблем с фонами. Дайте пару советов и подсказок как продолжать дальше. Заранее спасибо ? Вот: макет: Мой сайт

    Asked by Nerwoid, January 14, 2019

    • верстка
    • margin
    • выравнивание
    0 votes
    12 answers
20. Как вставить в шапку баннер

    Приветствую. Можете помочь вставить в саму шапку сайта баннер 468*60, в определенное место? В данный момент код выглядит так как указал ниже. Как лучше сделать? <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Всё для начала игры в SAMP. Скачать Grand Theft Suto San Andreas, Multiplayer для GTA SA, биндер, флудер, редактор худа, редактор карты и многое другое!"> <meta name="keywords" content="<?php include_once 'keywords.php'; ?>" /> <meta name="author" content="Mihail Rusich"&gt…

    Asked by Mihail_Rusich, January 14, 2019

    0 votes
    6 answers
21. работа кнопок с условием ЕСЛИ

    Прошу прощения, но нужна Ваша помощь. возможно ли сделать условие, при котором кнопки сверху, будут работать, типа если это город, один множитель, если это межгород другой множитель. Грубо говоря: если город стоимость остается как в формуле ниже, если межгород, умножается например на 2. <div class="switch"> <input type="radio" name="tax" value="1" id="q" class="input" checked> <label for="q" class="label">Город</label> <input type="radio" name="tax" value="2" id="w" class="input"> <label for="w" class="label">Межгород</label> </div> <input type="nomber" id="a" class="input…

    Asked by Wnyr, January 15, 2019

    0 votes
    12 answers
22. Верстка писем. Встраивание изображения

    Как можно встроить изображение в письмо ? Без абсолютной ссылки. Письмо отправляется программно. Пробовал base64 вставить в img, не отображается... <img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAICAgICAQICAgIDAgIDAwYEAwMDAwcFBQQGCAcJCAgHCAgJCg0LCQoMCggICw8LDA0ODg8OCQsQERAOEQ0ODg7/2wBDAQIDAwMDAwcEBAcOCQgJDg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg7/wAARCAAPABwDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJy…

    Asked by SnowSilver, January 16, 2019

    • верстка писеьм
    • встраивание изображения в письмо
    0 votes
    3 answers
23. Проблема с отображением текста на IPhone

    Всем привет! Проблема с отображением текста в модулях на веб странице. Все работает на всех компъютерах кроме Apple IPhone. Текст в картинках, в нижней части страницы не отображется. Как исправитъ код? .hover03 { height: 100%; width: 100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .hover03:hover { transform: scale(1.2); transform-origin: center; } .hover02 .sppb-cta-title{ color: transparent !important; } .hover03:hover .sppb-cta-title{ color: #ffffff !important; animation:fadeIn ease-in 1; animation-fill-mode:forwards; animation-duration:1s; background-c…

    Asked by mrwad, January 17, 2019

    0 votes
    3 answers
24. Всплывющее окно с таймингом

    Добрый всем день! Подскажите, покупатели не хотят читать всплывающее окно на сайте. Может существует приблуда, которая считает время просмотра этого окна? Т.е. вы не дочитали или вообще не прочитали, закрываете окно, а оно вам типа: "ВЫ НЕ ДОЧИТАЛИ ДО КОНЦА..." Спасибо! Окно тут.

    Asked by Vic-Tor, January 17, 2019

    • всплывющее окно
    0 votes
    1 answer
25. Кнопка "поделиться картинкой вконтакте"

    Нужно сделать кнопку "поделиться картинкой в контакте" Простейший вариант <a href="https://vk.com/share.php?url=сайт/папка/картинка.png">поделиться</a> работает, но подписывает картинку "картинка.png" а хочется свой текст (ну да, тот, кто делится, может свой текст добавить, но он этого не делает) Штатный вконтактовский код https://vk.com/dev/Share НЕ работает. Причина проблемы, по-видимому вот в чем - страничка, на которой надодится (должна находится) кнопка, находится не на сайте, где сама картинка, а может вообще быть на локальном компьютере (по протоколу file://) Можно ли в ссылку добавить какой-то еще параметр (кроме url) который подскажет…

    Asked by rgl, January 22, 2019

    0 votes
    0 answers