1. Куча / Говнокод #19063

    +5

    1. 1
    2. 2
    3. 3
    4. 4
    5. 5
    6. 6
    7. 7
    <div class="map">
    <span style="color: rgb(0, 0, 0); font-family: Tahoma; font-size: 13px;"><br></span>
    <p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
    <br>&nbsp;
    <iframe src="https://maps.google.com/maps/MYMAP"></iframe>
     </p>
</div>

    Попросили меня разобраться в верстве, и вот как карту сдвинули направо

    Запостил: kschingiz, 22 Ноября 2015

    Комментарии (13) RSS

    • ava bormand 22.11.2015 15:12 # +5

      > и вот как карту сдвинули направо
      А вот так карту сдвинули вниз: <br><br><br><br><br><br>
      Ответить

      • ava bormand 22.11.2015 15:51 # +4

        Задача со звёздочкой: как сдвинуть карту вверх или влево?
        Ответить

        • ava 1024-- 22.11.2015 15:59 # +6 

          <div class="map">
    <span style="color: rgb(0, 0, 0); font-family: Tahoma; font-size: 13px;"><br></span>
    <h1 style="color: rgb(255, 0, 0);">Пожалуйста, прокрутите страницу,
      чтобы карта была сверху слева и чуточку ушла за рамки окна</h1>
    <p><iframe src="https://maps.google.com/maps/MYMAP"></iframe>
    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
    <br>&nbsp;
    <br>&nbsp;
    <br>&nbsp;
    <br>&nbsp;
    <br>&nbsp;
    <br>&nbsp;
    <br>&nbsp;
    <br>&nbsp;
     </p>
</div>
          Ответить

          • ava inkanus-gray 22.11.2015 16:15 # 0

            >Пожалуйста, прокрутите страницу

            Можно в правый нижний угол вставить <input> и попросить нажать Tab. Так проще.
            Ответить

        • ava Stallman 22.11.2015 16:23 # +1 

          <div class="map">
    <span style="color: rgb(0, 0, 0); font-family: Tahoma; font-size: 13px;"></span>
    <h1 style="color: rgb(255, 0, 0);">Пожалуйста, сдвиньте карту вверх или влево</h1>
    <iframe src="https://maps.google.com/maps/MYMAP"></iframe>
</div>
          Ответить

          • ava inkanus-gray 22.11.2015 16:26 # +3 

            <script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<div class="map">
    <span style="color: rgb(0, 0, 0); font-family: Tahoma; font-size: 13px;"></span>
    <h1 style="color: rgb(255, 0, 0);">Пожалуйста, сдвиньте карту вверх или влево</h1>
    <iframe src="https://maps.google.com/maps/MYMAP"></iframe>
</div>
<script type="text/javascript">
    $("#map").draggable();
</script>
            Ответить

            • ava inkanus-gray 22.11.2015 17:57 # 0

              Чёрт! Опечатался. Класс с айди перепутал. Но если поправить, то работает:
              http://codepen.io/anon/pen/RWOqGW
              Ответить

    • ava gost 22.11.2015 17:57 # +4

      Тяжелое детство, красные строки в Ворде, отбитые пробелами...
      Ответить

    • ava inkanus-gray 22.11.2015 18:03 # 0

      wget -S https://maps.google.com/maps/
      HTTP request sent, awaiting response... 
  HTTP/1.1 302 Found
  Location: https://www.google.com/maps/@
  Cache-Control: private
  Content-Type: text/html; charset=UTF-8
  Date: Sun, 22 Nov 2015 15:01:50 GMT
  Server: gws
  Content-Length: 226
  X-XSS-Protection: 1; mode=block
  X-Frame-Options: SAMEORIGIN
  Alternate-Protocol: 443:quic,p=1
  Alt-Svc: quic=":443"; p="1"; ma=604800
Location: https://www.google.com/maps/@ [following]

      А не откроются карты во фрейме... По крайней мере, в современных браузерах.
      Ответить

      • ava kschingiz 22.11.2015 18:36 # +1

        я специально убрал ссылку на карту, так как там были "серьезные" заказчики, и они открываются везде, ГУГЛ сам дал эти ссылки
        Ответить

        • ava inkanus-gray 22.11.2015 18:54 # 0

          Всё, понял. Обычно я видел на сайтах карты, вставленные через JS, а тут вдруг фрейм. Оказывается, и через фрейм можно, если запросить специальный код.

          http://codepen.io/anon/pen/OyGaZg
          Ответить

    Добавить комментарий