Jump to content

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

User
  • Posts

    78
  • Joined

  • Last visited

  • Days Won

    2

Everything posted by Даниил Виттманн

  1. https://startbootstrap.com/template-overviews/agency/ http://freebiesxpress.com/gallery/golden-free-one-page-web-template/ копирайт удаляй
  2. Границы html документа настраивать не нужно, нужно было поискать элемнт который выходил за эти границы, в вашем случае это подменю последней кнопки в менюшке. В стилях к body припишите overflow-x: hidden; и уберите свойство height: 100% у body и тем более у html тега, ибо оно принимает значение высоты экрана, а не растягивает на весь сайт
  3. http://bootstrap-3.ru/components.php#list-group-custom-content Если собрался пользоваться bootstrap`ом - учи css стили. И версию правильную устанавливай. А тут спойлер
  4. Всем здрасти. В общем есть у меня в БД таблица с информацией о маркерах (ид, имя, адрес, широта, долгота). Эта информация из базы данных размещается в 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 делал по туториалу на англоязычных форумах конкретного ответа не нашел. Надеюсь на вашу помощь. Если нужно посмотреть вживую, то вот
  5. Метод substring, попросту говоря, обрезает строку var str = "Моя строка" str.substring(0,3) // Моя str.substring(3,0) // Моя str.substring(1,2) // о str.substring(4) // строка
  6. https://jsfiddle.net/Wittmann/k02kea5b/3/ как-то так Почитайте про регулярные выражения https://www.w3schools.com/js/js_regexp.asp
  7. Вот регулярное выражение убирает пробелы до и после строки https://jsfiddle.net/Wittmann/k02kea5b/ .
  8. Не понятно про какие "пробелы" идет речь, поподробнее объясните что не получается.
  9. https://jsfiddle.net/Wittmann/v17cav79/ . Есть еще вариант на css с помощью checkbox`ов, если интересует обращайтесь.
  10. Вот - https://jsfiddle.net/Wittmann/gmmoq76x/ . Но лучше использовать атрибут maxlength для input`ов
  11. А я предлагаю использовать grid систему она кстати уже поддерживается всеми браузерами http://caniuse.com/#search=grid. Только она сложновата немного, предлагаю прочитать несколько статей (все три части). Думаю вы найдете решение там. Вот пример https://jsfiddle.net/Wittmann/a3woam88/ . Это сверстано в качестве примера, использовать сразу не рекомендую.
  12. min-height: 100vh; 1vh - это высота в 1% относительно высоты экрана, соответственно 100vh - 100%
  13. Разве для этого min-height не подходит? https://jsfiddle.net/erc9s7nn/1/
  14. Ого. У вас там вообще неразбериха какая-то. Раз вы учитесь, готового решения я вам давать не буду. Направлю лишь на путь праведный правильный. Насчет позиционирования. Вот пара статей из справочника 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') /*-- фоновая картинка после навидения на блок мышкой --*/ }
  15. Блин, по-моему один из топовых вопросов, неужели не нашли решений в гугле? http://ruseller.com/lessons.php?id=1248
  16. Причин уйма может быть. Если "селектор" про который вы говорите это тег <a> и в атрибуте href указан хештег "#" или что-то другое, то возможно в этом проблема.
  17. Как я понимаю все отпозиционировано через 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 конечно все сделать... Можно этот кусок в отдельный файл закинуть, и поставить его на загрузку перед другими. Ну вообще задержка то мизерная все и так норм.
  18. animation-delay: Если интересно мое мнение, то я бы вообще убрал эту анимацию - выглядит не презентабельно. https://jsfiddle.net/Wittmann/y0zdk93h/ - Не так на нервы действует ))
  19. Довольно непонятно изложена проблема, еще и исходники такое впечатление что в сжатом виде выложили - все в одну строчку) На будущее: выкладывайте свои скрипты, куски кода и т.д здесь, сохраняйте, а затем прикрепляйте ссылочку уже к сообщению, также неплохо было бы скрины прикреплять - так удобнее будет для вас и для других понятнее, и не будут игнорить. А пока мне остается лишь угадывать в чем проблема... Как я понял вы используете якоря. И вам по-моему нужен не отступ для плавающего меню, а якорь с небольшим отступом сверху с height`ом вашей менюшки. Если так то: ВОТ. Если не устраивает, то есть статейка по решению проблемы - https://truemisha.ru/blog/css/ssyilki-yakori.html P.S не используйте тег <a> с указанием цифры типа: <a1>; <a2>; <a3> - таких тегов попросту не существует ;)) Возможно вас побуждали писать так теги <h1>, <h2>, <h3>, в этом случае действительно уместно указывать порядковый номер, он будет указывать на уровень подзаголовка.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy