HTML Coding

29,542 questions in this forum

1. Проблема в микроразметке

   Вот проблемный код: <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
2. Табы в 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
3. Не могу убрать падинги у li

   Верстаю такой хедер и столкнулся с двумя проблемами - Не могу понять почему между li разные падинги, например в Home с права большой паддинг, тогда как значения задал всем li общее - И еще у класса activ слева до рамки пустое место, не как не могу понять за счет чего оно образовалось https://jsfiddle.net/y5dmrL81/

   Asked by viliksar, January 23, 2019

   0 votes
   2 answers
4. Как лучше сверстать?

   Как лучше всего сверстать данную секцию? Чтобы и адаптивить было не сложно.

   Asked by Okieazy, February 2, 2019

   • html
   • css
   0 votes
   2 answers
5. Фиксированное меню

   Доброго времени суток. Столкнулся с такой проблемой. Создал меню, которое появляется при нажатии на кнопку. Меню является фиксированными и занимает всю ширину и высоту экрана. Проблема в том, что на какой части сайта бы я не находился, при нажатии на кнопку одновременно с открытием меню экран также возвращается на самую первую секцию, а не обходимо, чтобы меню отображалось на том же самом месте сайта, где пользователь его запустил. Не знаю, как лучше всего поделиться таким количеством кода, поэтому просто скину проект на GitHub. https://github.com/Okitonori/ActiveBox

   Asked by Okieazy, February 4, 2019

   • html
   • css
   0 votes
   2 answers
6. С чего начать обучение?

   Здравствуйте, Меня зовут Иван.Всем доброго дня(Вечера,утра,ночи) смотря, когда вы это читаете. Я решил стать front-end разработчиком.Начал читать,учить,смотреть про это. Информации очень много, или это конечно мне кажется, может потому что я начинающий.Начал смотреть курсы по CSS и HTML .Как, почему, что это все, для чего.Дошло до того что переключился на Photoshop, делал пару макетом, не знаю зачем конечно. Суть вот в чем, из-за того что много информации не могу сосредоточиться на чем-то одном,не знаю за что хвататься. JavaScript пытался смотреть понять, но ещё больше запутался, когда там ещё надо будет кучу Фреймворков. Потом опять начал CSS и html повторять, нашёл како…

   Asked by IvanGulov, February 7, 2019

   0 votes
   2 answers
7. Вопросы по стилям

   1. Я видимо чтото плохо усвоил или чтото случайно пропустил, читая про стили. Делал я на примере 1 видео макет и заметил что класс в хтмл отличается от класса в цсс файле, но при этом отображается так как нужно мне. В html прописано class="grid-img sqr" но в css прописано только .sqr 2. Тот же проэкт, и тут автор видео прописал у селекторов html и body значения. Что будет если я пропишу всё в в один селектор? 3. Селектор .logo, тут font-size: 0; Я правельно понимаю, это для альтернативного текста, в случае если картинка не отобразится? Буду признателен если в ответы покидаете отыеты в виде ссылок.

   Asked by egrom92, February 13, 2019

   0 votes
   2 answers
8. верстка SVG

   Здравствуйте. Занялся разбором SVG верстки и не могу понять есть ли возможность вставлять в элементы другие элементы, например <polygon> <polygon></polygon> </polygon> или в данном случае выкручиваться через <g></g> или <symbol></symbol> с наложением элементов друг на друга

   Asked by Switch74, February 20, 2019

   0 votes
   2 answers
9. Помогите с расположением элементов!

   Здравствуйте! Подскажите как можно сместить иконку Facebook вправо а текст оставить слева чтобы потом иконки можно было добавить border. Вот код HTML <div class="item__price"> Цена по запросу <a href="" target="_blank"><i class="fa fa-facebook"></i></a> </div> Вот Css .item__price { padding: 5px; font-size: 16px; margin-bottom: 5px; color: #778899 }

   Asked by kaska25k, February 28, 2019

   0 votes
   2 answers
10. Реализация элементов фона

    Добрый день. Очень нужен совет. Есть макет лэндинга, ничего в принципе сложного, но не могу понять, как лучше реализовать некоторые элементы (выделил красной рамкой на пикче). Либо с помощью svg, но тогда сложно будет редактировать толщину линий при адаптиве. Либо создавать div'ы и стилизовать их. Или не заморачиваться и запечь эти элементы с фоновый изображением. Делаю тестовое для собеседования, хочется грамотно к вопросу подступить. Как вы реализуете подобное? Лично я первый раз с таким дизайном в практике встречаюсь, вот и колеблюсь. Заранее спасибо.

    Asked by Константин(Mushr00m), March 10, 2019

    • html
    • css
    0 votes
    2 answers
11. Центрирование при разном размере изображений

    Здравствуйте уважаемы знатоки. Заканчиваю верстку галереи, но возникла пара неприятных моментов. Первый. Это проблема вертикального позиционирования "плюса" на оверлее элемента галереи. На контейнере с плюсом у меня простые правила: position: absolute; top: 42%; left: 41%; , на скрине видно, что на верхнем элементе все выглядит как нужно, но у нижнего плюс расположен вертикально не по центру. У остальных элементов галереи такая же ситуация. Конечно есть вариант создать для каждого размера изображения свой класс, и прописать там индивидуальные координаты, но для начала решил спросить у ведующих. Какой универсальный вариант решения данной задачи…

    Asked by Константин(Mushr00m), March 27, 2019

    • html
    • css
    0 votes
    2 answers
12. [Решено] Верстка списка в 2 колонки

    День добрый. Сделал список характеристик в 2 колонки. В одном li 2 span'а: Заголовок характеристики и тип значение характеристики. Все выровнены по левому краю. Но если значение выводится очень длинным, оно перескакивает на новую строчку (см пример). Из-за этого весь внешний вид портится... Как это исправить? Заранее спасибо! Друзья, пардоньте, сам разобрался. Убрал max-width для каждой колонки

    Asked by dron, March 30, 2019

    0 votes
    2 answers
13. проверка на простое число

    Помогите, пожалуйста. Задание: Вводится число, проверяется на простоту. Выводится сообщения является ли число простым.Нужно, чтобы просто открывалось в браузере. Сделала кнопку, вписала алгоритм, как сделать вывод сообщения?<html> <body> <script>function isPrime(num) {for(var i = 2; i < num; i++)if(num % i === 0)return false ;return num > 1;}</script><form name=f> <INPUT TYPE=button value="Открыть окно ввода" onClick="e=window.prompt('Введите число');"> </form> </body>

    Asked by alenareksi, April 13, 2019

    • html
    0 votes
    2 answers
14. Как сделать input type="text" прозрачной

    Здраствуйсте подскажите как сделать input type="text" прозрачной. И возможно ли это вообще. Спасибо за ранее

    Asked by Qwerty123@, April 17, 2019

    0 votes
    2 answers
15. Как закрасить svg при добавлении класса?

    Скажите, как закрасить svg при добавлении класса? По логике должно быть так .like-icon--filled .like-icon__inside { fill: #499DDE; } Но это не работает https://codepen.io/anon/pen/QPoRwg

    Asked by yaparoff, April 29, 2019

    0 votes
    2 answers
16. Border

    Добрый день. Создал меню горизонтальное и по макету нужно сделать между меню полоску. как должно выглядеть: Фото меню Скрытый текст https://ibb.co/YWy3VTd Я ее добавил в <li>border-right: 1px solid #fff. и у последней ссылки ее нужно убрать. как сделать чтобы рамка не виднелась??? хотел отдельно последний пункт меню взять в ид и убрать ее. но чтото не получается. <li id="contact_us"> <a href="#">CONTACT US</a> </li> кроме как вставлять блок или картинку чтоб замазать ничего не приходит в голову. подскажите пожалуйста реально ли ее убрать через стили ?

    Asked by Twix, May 4, 2019

    • css
    • html
    • border
    0 votes
    2 answers
17. Радиокнопки

    Добрый вечер! Помогите, пожалуйста, не понимаю как label разместить внутри радикнопок.

    Asked by ElizavetaSenkova, May 7, 2019

    0 votes
    2 answers
18. Вопрос по вёрстке.

    Добрый вечер. Чтоб не спамить разными сообщениями на форуме создам все тут. #Вопрос 1. Я пока не нашел ответ в гугле, спрошу тут и пойду искать дальше. Шапка сайте идет на всю ширину экрана(лого и форма поиска). а вот ее сайт(статьи меню и т.д) идут в блоке с каждой стороны примерно по 10% ширины нет(как margin я как понимаю) и там ничего не должно быть активно. там будет свой фон. Вот как можно это сделать сразу? я подумал сначала сделать в body убрать по 10% с каждой стороны но у меня там шапка. На текущий момент кроме как когда создавать блоки с контентом их каждый в писать ширину и поля с отступами. Подскажите как это сделать сразу же заранее.

    Asked by Twix, May 10, 2019

    • css
    • html
    0 votes
    2 answers
19. Закруглённые треугольники с полупрозрачным фоном

    Всем привет. Озадачил меня дизайнер, ничего хорошего не могу придумать, гугл тоже отказывается помогать. Нужно сделать вот такие штуки http://prntscr.com/nsyswi Задача усложнена ещё тем, что фон должен быть пролупрозрачный. Буду благодарна за подсказку.

    Asked by Crystal-3, May 24, 2019

    0 votes
    2 answers
20. Иконки анимация

    Привет всем.Не могу поменять размер иконок с сайта https://fontawesome.com/icons/key?style=solid и не получается сделать такие разделы как на картинке, может кто-то занет как это сделать? вот ссылка на код http://jsfiddle.net/kcd86y01/1/ и они еще должны выезжать анимацией

    Asked by Govt_sm80, May 27, 2019

    • transition
    0 votes
    2 answers
21. Как задать отступ для колонки

    Здравствуйте, я начинающий верстальщик, только учусь сейчас изучаю технологию Bootstrap и у меня возникла проблема, есть три блока с контентом, каждый занимает по 4 колонки то есть использую col-md-4, в сетке бутстрапа в макете все отлично сходиться вместе с 20px margin-right, но в верстке как только в CSS пишу margin хотя бы 1 px, последний блок сезжает на строчку ниже. Подскажите как с этим быть заранее спасибо.

    Asked by vka986, May 29, 2019

    • bootstrap
    0 votes
    2 answers
22. Некоторые элементы на всех страницах

    Здравствуйте! Простите, если не сюда пишу. Только начинаю изучать HTML и CSS. Сверстал страницу, на которой присутствуют шапка, футер, меню. Страница трехколоночная. Сайт планирую делать многостраничным. Теперь задался вопросом: Как разместить основные блоки сайта на всех страницах? Имею в виду: футер, шапку, боковые колонки. Не размещать же их на каждой странице. Имею в виду, если кликнуть на ссылку в меню, то открывается новая страница без меню, футера и т.д. Как сделать, чтобы эти основные блоки отображались во всех страницах. Буду рад советам! По форуму искал и читал, но не смог применить некоторые наброски к своему с…

    Asked by iiwanc, June 30, 2019

    • блоки
    • html
    0 votes
    2 answers
23. Помогите оформить рамку

    Опишу свою проблему лаконично. Не могли бы вы подсказать как встроить текст в линии рамки, как показано на картинке.

    Asked by Familyar, June 8, 2019

    0 votes
    2 answers
24. Скрипты для интернет магазина

    Я все не могу понять,как работает интернет магазин. Я могу верстать сайты,понимаю html и css, но не понимаю как сделать так,чтобы при нажатии кнопки купить,посетитель мог оплатить покупку так,как это происходит в обычном интернет магазине.Очень нужна ваша помощь

    Asked by 4/_3/<54ndr, June 12, 2019

    • скрипт
    • скрипты
    • интернет магазин
    • скрипты для магазина
    0 votes
    2 answers
25. Вместо Open Sans Condensed браузер рендерит системный шрифт

    Подключаю с Google Fonts Open Sans Condensed, но какому бы не элементу не присваивал, вместо него браузер всегда рендерит системный шрифт — Liberation Serif в Ubuntu и Times New Roman в Windows. Другие шрифты, Open Sans или Roboto, например, применяются исправно, а именно с Open Sans Condensed загвоздка. Подключаю так (на самом деле эту строку генерит шаблон Drupal, я только указываю название шрифта в настройках темы): <link type="text/css" rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans+Condensed" media="all"> В итоге: В чём может быть причина такого поведения?

    Asked by vkapas, June 15, 2019

    • шрифт
    0 votes
    2 answers