Даниил Виттманн

https://startbootstrap.com/template-overviews/agency/ http://freebiesxpress.com/gallery/golden-free-one-page-web-template/ копирайт удаляй

Границы html документа настраивать не нужно, нужно было поискать элемнт который выходил за эти границы, в вашем случае это подменю последней кнопки в менюшке. В стилях к body припишите overflow-x: hidden; и уберите свойство height: 100% у body и тем более у html тега, ибо оно принимает значение высоты экрана, а не растягивает на весь сайт

http://bootstrap-3.ru/components.php#list-group-custom-content Если собрался пользоваться bootstrap`ом - учи css стили. И версию правильную устанавливай. А тут спойлер

Всем здрасти. В общем есть у меня в БД таблица с информацией о маркерах (ид, имя, адрес, широта, долгота). Эта информация из базы данных размещается в XML средствами PHP В итоге если открыть браузером будет что-то типо этого <markers> <marker id="1" name="Name of first marker" address="Address of first marker" lat="49.234310" lng="28.464508" /> <marker id="2" name="Name of second marker" address="Address of second marker" lat="49.237968" lng="28.481297" /> </markers> Дальше начинается самое сложное и непонятное для меня. С помощью js надо все впихнуть в google карту И в указаной выше строке выдает ошибку Uncaught TypeError: Cannot read property 'getElementsByTagName' of null делал по туториалу на англоязычных форумах конкретного ответа не нашел. Надеюсь на вашу помощь. Если нужно посмотреть вживую, то вот

https://jsfiddle.net/Wittmann/v17cav79/4/

ну а этот https://jsfiddle.net/Wittmann/k02kea5b/6/ ?

Метод substring, попросту говоря, обрезает строку var str = "Моя строка" str.substring(0,3) // Моя str.substring(3,0) // Моя str.substring(1,2) // о str.substring(4) // строка

https://jsfiddle.net/Wittmann/k02kea5b/3/ как-то так Почитайте про регулярные выражения https://www.w3schools.com/js/js_regexp.asp

Вам надо просто запретить вод пробелов в input?

Вот регулярное выражение убирает пробелы до и после строки https://jsfiddle.net/Wittmann/k02kea5b/ .

Не понятно про какие "пробелы" идет речь, поподробнее объясните что не получается.

https://jsfiddle.net/Wittmann/v17cav79/ . Есть еще вариант на css с помощью checkbox`ов, если интересует обращайтесь.

https://jsfiddle.net/Wittmann/gmmoq76x/1/

Вот - https://jsfiddle.net/Wittmann/gmmoq76x/ . Но лучше использовать атрибут maxlength для input`ов

А я предлагаю использовать grid систему она кстати уже поддерживается всеми браузерами http://caniuse.com/#search=grid. Только она сложновата немного, предлагаю прочитать несколько статей (все три части). Думаю вы найдете решение там. Вот пример https://jsfiddle.net/Wittmann/a3woam88/ . Это сверстано в качестве примера, использовать сразу не рекомендую.

min-height: 100vh; 1vh - это высота в 1% относительно высоты экрана, соответственно 100vh - 100%

Разве для этого min-height не подходит? https://jsfiddle.net/erc9s7nn/1/

Вы не туда попали. Вам сюда

Ого. У вас там вообще неразбериха какая-то. Раз вы учитесь, готового решения я вам давать не буду. Направлю лишь на путь праведный правильный. Насчет позиционирования. Вот пара статей из справочника http://htmlbook.ru/css/cat/position - там ничего сложного, все придельно ясно. Начните с http://htmlbook.ru/css/position Что касается смены рисунка при наведении - http://htmlbook.ru/css/hover Вот пример: .block { width:100px; /*-- ширина блока --*/ height:100px; /*-- высота блока --*/ background: url('image1.jpg'); /*-- ссылка на фоновую картинку --*/ } /*-- Далее список стилей который примениться после навидения на элемент мышкой --*/ .block:hover { background: url('image2.jpg') /*-- фоновая картинка после навидения на блок мышкой --*/ }

Вам нужно точно такое же? Это скорее всего SVG Можно еще попариться и на css попробовать

Блин, по-моему один из топовых вопросов, неужели не нашли решений в гугле? http://ruseller.com/lessons.php?id=1248

Причин уйма может быть. Если "селектор" про который вы говорите это тег <a> и в атрибуте href указан хештег "#" или что-то другое, то возможно в этом проблема.

Как я понимаю все отпозиционировано через JS, поэтому все смещается на время пока не загрузиться скрипт. var sheetWidth = jQuery(".art-sheet").width(); var sheetLeft = jQuery(".art-sheet").offset().left; jQuery("header.art-header .art-shapes>*, header.art-header>.art-textblock").each(function () { var object = jQuery(this); var objectLeft = sheetWidth * parseFloat(object.attr("data-left") || "0") / 100 + sheetLeft; object.css("left", objectLeft + "px"); }); Вот кусок кода который позиционирует элементы шапки. Можно через css конечно все сделать... Можно этот кусок в отдельный файл закинуть, и поставить его на загрузку перед другими. Ну вообще задержка то мизерная все и так норм.

animation-delay: Если интересно мое мнение, то я бы вообще убрал эту анимацию - выглядит не презентабельно. https://jsfiddle.net/Wittmann/y0zdk93h/ - Не так на нервы действует ))

Довольно непонятно изложена проблема, еще и исходники такое впечатление что в сжатом виде выложили - все в одну строчку) На будущее: выкладывайте свои скрипты, куски кода и т.д здесь, сохраняйте, а затем прикрепляйте ссылочку уже к сообщению, также неплохо было бы скрины прикреплять - так удобнее будет для вас и для других понятнее, и не будут игнорить. А пока мне остается лишь угадывать в чем проблема... Как я понял вы используете якоря. И вам по-моему нужен не отступ для плавающего меню, а якорь с небольшим отступом сверху с height`ом вашей менюшки. Если так то: ВОТ. Если не устраивает, то есть статейка по решению проблемы - https://truemisha.ru/blog/css/ssyilki-yakori.html P.S не используйте тег <a> с указанием цифры типа: <a1>; <a2>; <a3> - таких тегов попросту не существует ;)) Возможно вас побуждали писать так теги <h1>, <h2>, <h3>, в этом случае действительно уместно указывать порядковый номер, он будет указывать на уровень подзаголовка.