spdif

Вам на будущее, выделяете ту часть кода с которой возникли трудности копируете открываете jsFiddle вставляете туда скопированную часть html кода потом в своем css копируете те стили которые влияют выбранный ранее код вставляете его все в том же jsFiddle аналогичным образом добавляете туда js код имеющий отношение к тому что уже добавлено нажимаете кнопку - Run и если результат устраивает то нажимаете кнопку - Save и копируете в адресной строке браузера адрес ссылки на получившейся пример идете на HTMLforum вставляете эту ссылку в тело вашего сообщения Ok? можно так - Сайт.7z ...

https://codepen.io/anon/pen/pqNJxq

что конкретно не понятно? локализуйте вашу проблему! а пока вот http://jsfiddle.net/zy4uk26j/5/ на вашем примере сделал, два примера с разным поведением одного и того же блока ...

если обращаетесь к родственному элементу (общий родитель) который следует непосредственно первым после вас используйте + а к тем что идут далее используйте ~ (обратная тильда) обращаясь к ним - по типу, идентификатору, классу .icon-wrapper:hover ~ .submenu https://codepen.io/anon/pen/pqNJxq ...

не получится) у Вас там не ни какой второй строки! это только так кажется в данном примере элементу задан line , то его содержимые - символы, будут: отображаться в одну строку на всю доступную ширину относительно предка и определяя его высоту как высоту строки если: предку ширина задана явно то: набор символов содержимого, исходя из заданной ширины, будет выстраиваться вертикально - - друг под другом, разделяя наборы пропорционально, исходя из количества символов на пробел... но!..: фактически высота элемента в независимости от ширины будет = одной высоте символа, с учетом - - свойств применяемых браузером к символам и предопределённые стили к ним. итог: line элементы имеют высоту самого высокого символа в наборе если значения не указанны абсолютно, то следующий за ним элемент буде отсчитываться последнего символа, соответственно и выравниваться по вертикали будет по линии последнего символа. ... этот способ скорее всего не подойдет(

а надо как? так чтобы они перекрывали текст - https://jsfiddle.net/kqrvz4Lo/25/ ...

пример на чистом CSS http://jsfiddle.net/Lxrth109/2/

CSS Grid - довольно удобный способ позволяет сделать это на пример так: http://jsfiddle.net/xoge9zjy/7/ или так: http://jsfiddle.net/xoge9zjy/8/

Другой способ это: CSS Grid - спецификация здесь и здесь ...

http://jsfiddle.net/zkox0rLt/

как не в блоке? где тогда? - <div><img></div> - именно в блоке!

Это странно! Эффект в примере atom с применением переменных css. Вы "все" скопировали? нет конечно! псевдо-элемент :root -где? "там собственно и объявлены переменные" добавить :root - поменять имена классов и значения на нужные) должно получиться примерно так http://jsfiddle.net/0kpbjqem/ ...

Зачем тогда path? построенная им фигура не замыкается сама по себе то что у Вас в примере, это многоугольник, лучше использовать polygon если все же использовать path тогда надо построить еще один path с тем же атрибутом d а для этого надо - вычислить его форму внутри самой внешней формы рекурсивным образом ... или просто костылей воткнуть http://jsfiddle.net/ont3k4za/1/ )) но это не пример для использования! баловство скорей.

Покажите какие стилевые правила применяются, т.к в вашем примере без стилей отступов не наблюдается - http://jsfiddle.net/4o2jnypg/ По картинке тоже ни чего конкретного не скажешь, только предполагать... предположить к примеру можно что, у какого-то предка установлен межстрочный интервал со значением 1.5 тогда вот они похожие отступы - http://jsfiddle.net/1078dt5s/ ...

Чтобы посмотреть, нужно зайти на сайт. Чтобы зайти на сайт, нужно зарегистрироваться. Условие? Вы это серьёзно?! Предоставьте безусловный доступ, это будет хорошим тоном это даст увеличение числа исследований это повысит шанс хорошего совета по конкретной проблеме

Этим летом Google запустили Google Maps Platform. Теперь, чтобы использовать удобные карты на своем сайте, нужно получить специальный ключ API и зарегистрировать платежную учетную запись в Google Cloud. После регистрации вы получите доступ к приложению и сможете использовать его бесплатно до тех пор, пока количество загрузок карты не достигнет эквивалента $200. Если вы выйдете за рамки лимита, ваша карта будет отключена, пока вы не оплатите определенный тариф. Не только! Лучшая альтернатива на мой взгляд это - OpenStreetMap. Также заслуживают внимания - Bing Maps, Waze и HERE WeGo.

Тогда используйте позиционирование дочерних элементов относительно их родителя! http://jsfiddle.net/mxwqkuto/

Если масштабирование не требуется то используйте абсолютные значения ширины/высоты элементов https://jsfiddle.net/k43cw692/23/

https://jsfiddle.net/khLd832y/19/

Так эти ссылки не рабочие! может стоит поправить?

Это будет работать если в HTML документе все корректно будет сверстано! что делать? проверить правильность вложения элементов) откройте в новой вкладке свой вариант https://jsfiddle.net/5jmutb4e/3/ а в соседней этот вариант https://jsfiddle.net/5jmutb4e/8/ и по переключайтесь между ними, сразу увидите в чем Ваш затык! Что бы понятней было почитайте - http://htmlbook.ru/css/hover

https://jsfiddle.net/Lj3en6q0/62/

можно так https://jsfiddle.net/Lj3en6q0/48/

В CSS можно влиять на соседние элементы чтобы влиять на элементы лежащие выше используйте JS

Дадим определение) то что делаете Вы это не create с нуля, а это recast вот этой страницы! Ок?) Собственно к чему Я это, если делаете recast то делайте вывод лучше исходника. Что сделать что бы Ваш recast данной страницы был лучше, т.к этот пример very bad!( далее по пунктам: вынести все стилевые правила из документа разметки html в файл css проверить правильность вложения элементов дочерний элемент <p> не разрешен как элемент <span> в данном контексте использовать правильные элементы разметки весь документ размечен как таблица но по сути он таким не является! табличные данные встречаются там один раз ....