Ответы пользователя по тегу CSS
  • Карта изображения, как реализовать?

    TeeRision
    @TeeRision
    Новичок
    Я с таким не сталкивался, та и вообще новичок, но видел код для этого в книге "Веб-программирование для чайников" Никхил Абрахам, там приводится пример создания приложения для вымышленного ресторана "McDuck", которое бы привязало пользователя к определенному кафе, считало расстояние между пользователем и рестораном (За теоремой Гаверсинуса) и указывает время нужное для перемещения, и при расстояние, которое можно преодолеть меньше, чем за 5 минут клиенту выдается купон

    <!DOCTYPE html>
    <html>
    <head>
       <title> McDuck's </title>
    </head>
    <body>
       <h1>McDuck's Local Offers</h1>
       <div id="geodisplay"></div>
       <div id="effect"></div>
    </body>
    </html>


    body {
     text-align: center;
     background: white;
    }
    h1, h2, h3, p{
     font-family: Sans-Serif;
     color: black;
    }
    p{
     font-size: 1em;
    }


    function getLocation() {
     if (navigator.geolocation) {
       navigator.geolocation.getCurrentPosition
    (showLocation);
      }
    }
    
    function showLocation(position) {
      var mcduckslat=40.735383; // "40.735383" идет как первое значение, которое идет после "@" в адресной строке Google Maps
      var mcduckslon=-74.002994 //"-74.002994" идет как второе значение, после первого и запятой
      var currentpositionlat=position.coords.latitude;
      var cureentpositionlon=position.coords.longitude;
      // Вычисление расстояния между текущим расположением и расположением ресторана
     var distance=getDistanceFromLatLonInMiles(mcduckslat, mcduckslon, currentpositionlat, currentpositionlon);
    
    document.getElemtById("geodisplay").innerHTML="Latitude: "+currentpositionlon;
    // Формула гаверсинуса для вычисления расстояния между точками сферы
    Ответ написан
    Комментировать
  • Как сделать весь блок ссылкой?

    TeeRision
    @TeeRision
    Новичок
    Может я и где-то ошибаюсь, но почему бы просто не вставить тег <div> в тег
    <a> ?
    <a href='#' target='_blank' class='button'><div сlass='about-me'>fdfds</div</a>
    Ответ написан
  • Как сделать фон для текста?

    TeeRision
    @TeeRision
    Новичок
    Ну есть свойство background-color которое меняет цвет заднего фона определенного селектора. Например для селектора параграфов (p):
    p{
     background-color: black;  /* Меняет цвет заднего вона параграфов страницы на черный */
     color: white;  /* Меняет цвет символом параграфов страницы на белый, чтобы их было видно на черном фоне*/
    }
    Ответ написан
    Комментировать
  • Чтобы переход был вся кнопка, а не только нажатие по тексту?

    TeeRision
    @TeeRision
    Новичок
    Нужно поместить тег button внутрь тега a
    <a href="#"><div class="button_orange">Скачать<small>Размер: 84Mb</small></div></a>
    Ответ написан