Broke

Яваскрипт

Broke
  • Broke
    0

    Товарищи программисты, помогите! Как сделать из этих двух строчек одну?

    <script data-skip-moving="true" src="//panoramas.api-maps.yandex.ru/embed/1.x/?lang=ru&ll=49.35722322%2C53.55989786&ost=dir%3A106.94984632134899%2C-5.912646131637693~span%3A91.01949025487257%2C44.44363103953148&size=600%2C400&l=stv"> </script>


    <div class="row"> <script type="text/javascript" charset="utf-8" async script data-skip-moving="true" src="https://api-maps.yandex.ru/services/constructor/1.0/js/?sid=Wz0EasQvM3tPXJuMUqSf6RSo8ttZWX3g&width=400&height=400&lang=ru_RU&sourceType=constructor&scroll=true"></script>

    Хочу чтобы эти две карты были на одной строке, а не на разных (пример на скриншоте)

  • Shumek
    0

    Не вебдевелопер, но разве там не надо просто float:right и float:left поставить у этих элементов?

  • Broke
    0

    @Shumek, может быть) Я вот точно не веб-разработчик)

    Вообще да, я вроде почитал и надо что то с CSS стилями намутить.

  • JS тут ни при делах, сделай divы которые отображают картинки span'ами и(или) в стили display: inline, или display: table-cell. Ну ещё может быть width: 50% каждому.

  • Kellen
    0

    <div class="row"> - эта штука ставит перенос строки. Надо оба скрипта оформить в один <div>, вот как выше посоветовали.

  • Broke
    0

    @stealth, @Kellen, сделал вот так:

    <div display: inline><script data-skip-moving="true" src="//panoramas.api-maps.yandex.ru/embed/1.x/?lang=ru&ll=49.35722322%2C53.55989786&ost=dir%3A106.94984632134899%2C-5.912646131637693~span%3A91.01949025487257%2C44.44363103953148&size=600%2C400&l=stv"> </script>

    <script type="text/javascript" charset="utf-8" async script data-skip-moving="true" src="https://api-maps.yandex.ru/services/constructor/1.0/js/?sid=Wz0EasQvM3tPXJuMUqSf6RSo8ttZWX3g&width=400&height=400&lang=ru_RU&sourceType=constructor&scroll=true"></script></div>

    Ничего не поменялось

    P.S Методом тыка обнаружил, что верная конструкция выглядит так:

    <div class="display: inline">

    Благодарю!

    P.S.S А как к этим элементам прикрутить "резиновую верстку"?

  • Kellen
    0

    @Broke, надо смотреть можно ли вообще менять размеры этих фреймов.
    Например во втором скрипте размеры чётко заданы параметрами: "&width=400&height=400", и большой вопрос, можно ли их заменить размерами в процентах или словом "auto".

  • @Broke, размеры элементов определяются запросами (параметры size и height/width), так что их можно будет менять разве что предварительно передавая через JS какие-то параметры (например, на основе ширины окна браузера). А там уже самым простым способом будет сделать table с одним tr, внутри которого 2 td, внутри них скрипты. И в классе сделать что-то в духе td * { max-width: 100% }

  • kacnep
    0

    А умеющие в Backbone люди из Питера есть?

Войдите на сайт чтобы оставлять комментарии.