Jump to content

jdk

User
  • Posts

    288
  • Joined

  • Last visited

  • Days Won

    4

Everything posted by jdk

  1. Спасибо. Более менее разобрался
  2. Вот: Это для формы поиска, она левее картинки с телефоном.search { position: relative; float: left; margin-top: 20px; max-width: 600px; /* Ширина поля с кнопкой */ border: 1px solid #000; /* Параметры рамки */ min-height: 20px; /* Минимальная высота */ background-color: white; border-radius: 3px; border-color: #8c8c8c; margin-bottom: 10px; margin-right: 20px;}.search_field { border: none; /* Убираем рамку */ outline: none; /* Убираем свечение в Chrome и Safari */ -webkit-appearance: none; /* Убираем рамку в Chrome и Safari */ width: 800px; max-width: 95%; vertical-align: middle; /* Выравнивание по середине */}.search_button { width: 20px; /* Ширина кнопки */ height: 20px; /* Высота кнопки */ border: none; /* Убираем рамку */ float: right; vertical-align: top; background: url("../images/search.png") no-repeat 50% 50%; /* Параметры фона */}В main_phone ничего не прописал.iPhone { float: left;}.write_us { position: absolute; left:60%; top: -20px;}
  3. Поправьте пожалуйста, если не прав, но мне казалось bootstrap задаёт ширину в зависимости от ширины экрана? Код следующий: <div class="col-lg-7 col-md-7 col-sm-7 col-xs-7"> <div class="search"> <form name="search" action="<?php echo home_url( '/' ) ?>" method="get" > <input type="text" value="<?php echo get_search_query() ?>" name="s" placeholder=" <?php echo __('поиск', 'whitesquare'); ?>" class="search_field"> <button type="submit" class="search_button" ><?php echo __('', 'whitesquare'); ?></button> </form> </div> <div class="main_phone" > <div class="iPhone"> <img src="<?= get_template_directory_uri(); ?>/images/iphone.png" alt=""/> </div> <div class="write_us"> <p> <a href="#">Написать нам</a> </p> <span class="numbers_phone">(423) 2615-123</span> <br /> </div> </div><!--/main_phone--></div>
  4. Использую bootstrap, div с картинкой и div с текстом лежат в <div class="col-lg-7 col-md-7 col-sm-7 col-xs-7">. На счёт ресайза не очень понял. Я имею в виду, что когда браузер развёрнут на весь экран все норм, а когда нет начинает наезжать текст.
  5. Добрый день. Подскажите пожалуйста со следующим моментом: нужно, что бы надпись была чуть выше картинки . Картинка в одном <div>, Текст во втором. Я для div'а с текстом задаю position: absolute; left:60%; top: -20px;В полноэкранном режиме все нормально, но если начинаю ресайзить текст наплывает на картинку Как можно это побороть?
  6. В firefox пожно и без адднов. Разработка -> адаптивный дизайн
  7. Добрый день. На сайте слайдер, подскажите пожалуйста похожее решение, я за 3 часа ничего не нашёл. Или как это вообще реализуется?
  8. Тех.поддержка ответила, что для виджета функцию скроллига отключить нельзя(
  9. Вы из скрипта скопировали? У Вас после "From: ".$name." <".$email.">\r\n" точка(.) не стоит
  10. Что бы отображалось с какой сайта пришло письмо добавьте в строчку "From: ".$name." <".$email.">\r\n" "From: ".$name." <".$email.">\r\n"."From site: ".$_SERVER['SERVER_NAME']."\r\n".А вот с кодировкой пока не разобрался.
  11. А Вы не могли бы показать содержимое contact_process.php
  12. В результате сделал так: <script src="http://maps.api.2gis.ru/2.0/loader.js" data-id="dgLoader"></script> <div id="map" style="width: 100%; height: 500px;"></div> <script> var map; DG.then(function () { map = DG.map('map', { "center": [43.124089743788, 131.93184146451], "zoom": 16 }); DG.marker([43.124089743788, 131.93184146451]).addTo(map); map.scrollWheelZoom.disable(); }); </script>Убрать прокрутку на виджете к сожалению так и не удалось.
  13. В скрипте будет что то вроде document.getElementById('ajax-contact-form').onsubmit = function(){или $('#ajax-contact-form').onsubmit = function(){Нужно посмотреть что он за заголовки отправляет.
  14. Если не ошибаюсь можно для таких полей можно для каждого браузера отдельно стили задавать.
  15. Да, у меня были аналогичные мысли, но код для вставки генерируется автоматически, т.е. просто забил свои координаты - получил этот код. Пробовал: var myMap = new DGWidgetLoader(...);myMap.disableScrollZoom();Однако карта выводиться сразу, и действия над объектом никакого результата не дают. Попробую им в тех.поддержку написать.
  16. Добрый день. Подключаю на сайт виджет от 2gis следующим кодом: <script charset="utf-8" type="text/javascript" src="http://firmsonmap.api.2gis.ru/js/DGWidgetLoader.js"></script><script charset="utf-8" type="text/javascript"> new DGWidgetLoader({"borderColor":"#a3a3a3","width":"100%","height":"600","wid":"95c84dcbb76227da73bebc61c82c64bf","pos":{"lon":"131.93184146451","lat":"43.124089743788","zoom":"17"},"opt":{"ref":"hidden","card":["name","contacts","schedule","payings"],"city":"vladivostok"},"org":[{"id":"3518965489961886"}]});</script><noscript style="color:#c00;font-size:16px;font-weight:bold;">Виджет карты использует JavaScript. Включите его в настройках вашего браузера.</noscript>Нужно отключить масштабирование при прокрутке колесика в блоке с картой. В документации указано : Отключить возможность изменения масштаба карты при прокрутке колесика мыши myMap.disableScrollZoom() Не пойму к чему в моём случае применять этот метод?
  17. Не давно была тема один в один. Вам нужно создать два файла с header'ом, один файл для главной страницы и подключить его в index.php, второй для single.php, page.php и т.п.
  18. От я дерево! Большое спасибо!
  19. Получается влево, в право двигаю, а как её выше поднять? Пробую margin-bottom: -50px; не хочет, при любых значениях вертикальное положение не меняется.
  20. Пробую через : after, content. Моя картинка вставляется после содержимого <li>, а не на место border
  21. Добрый день. Создаю список и вывожу его по такому типу: <div class="Clients_choose clearfix"> <ul> <li class="fist_child"><img alt="" src="images/my_pic1.png" /> </li> <li><img alt="" src="images/my_pic2.png" /> </li> <li><img alt="" src="images/my_pic3.png" /> </li> <li class="last_child"><img alt="" src="images/my_pic4.png" /> </li> </ul></div>Вывожу его горизонтально и для <li> задаю border-right. А можно вместо линии border задать какой то свой символ, например + или = ?
  22. А если наоборот нужно что бы нижний div "наезжал" на форму? Он идёт как footer, пробовал его так же position: relative; bottom: 70px; Но он просто поднимается в верх от нижней границы, а остальной контент сдвигает вверх относительного этого div. Наложения не происходит. Пробовал так же верхний div (с формой) сдвинуть на нижний (с footer), а потом задать z-index: 1; и z-index: 2; соответственно. Блок с формой наплывает на footer, но не перекрывается им. Как можно такое наложение сделать?
  23. Добрый день. Есть список элементов, не получается сделать для <li> такую "рамку". Или для такого эффекта необходимо фоновой картинкой ставить подложку под текст? И если кто сталкивался, наверняка есть генератор для подобных штук?
×
×
  • 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