-
Posts
288 -
Joined
-
Last visited
-
Days Won
4
Content Type
Profiles
Forums
Calendar
Store
Everything posted by jdk
-
Спасибо. Более менее разобрался
-
Вот: Это для формы поиска, она левее картинки с телефоном.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;}
-
Поправьте пожалуйста, если не прав, но мне казалось 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>
-
Использую bootstrap, div с картинкой и div с текстом лежат в <div class="col-lg-7 col-md-7 col-sm-7 col-xs-7">. На счёт ресайза не очень понял. Я имею в виду, что когда браузер развёрнут на весь экран все норм, а когда нет начинает наезжать текст.
-
Добрый день. Подскажите пожалуйста со следующим моментом: нужно, что бы надпись была чуть выше картинки . Картинка в одном <div>, Текст во втором. Я для div'а с текстом задаю position: absolute; left:60%; top: -20px;В полноэкранном режиме все нормально, но если начинаю ресайзить текст наплывает на картинку Как можно это побороть?
-
Как лучше проверить является ли бутстрап-верстка responsive на персоналке
jdk replied to mstdmstd's question in HTML Coding
В firefox пожно и без адднов. Разработка -> адаптивный дизайн -
Добрый день. На сайте слайдер, подскажите пожалуйста похожее решение, я за 3 часа ничего не нашёл. Или как это вообще реализуется?
-
Тех.поддержка ответила, что для виджета функцию скроллига отключить нельзя(
-
Вы из скрипта скопировали? У Вас после "From: ".$name." <".$email.">\r\n" точка(.) не стоит
-
Что бы отображалось с какой сайта пришло письмо добавьте в строчку "From: ".$name." <".$email.">\r\n" "From: ".$name." <".$email.">\r\n"."From site: ".$_SERVER['SERVER_NAME']."\r\n".А вот с кодировкой пока не разобрался.
-
А Вы не могли бы показать содержимое contact_process.php
-
В результате сделал так: <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>Убрать прокрутку на виджете к сожалению так и не удалось.
-
В скрипте будет что то вроде document.getElementById('ajax-contact-form').onsubmit = function(){или $('#ajax-contact-form').onsubmit = function(){Нужно посмотреть что он за заголовки отправляет.
-
Если не ошибаюсь можно для таких полей можно для каждого браузера отдельно стили задавать.
-
Да, у меня были аналогичные мысли, но код для вставки генерируется автоматически, т.е. просто забил свои координаты - получил этот код. Пробовал: var myMap = new DGWidgetLoader(...);myMap.disableScrollZoom();Однако карта выводиться сразу, и действия над объектом никакого результата не дают. Попробую им в тех.поддержку написать.
-
Добрый день. Подключаю на сайт виджет от 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() Не пойму к чему в моём случае применять этот метод?
-
Не давно была тема один в один. Вам нужно создать два файла с header'ом, один файл для главной страницы и подключить его в index.php, второй для single.php, page.php и т.п.
-
От я дерево! Большое спасибо!
-
Получается влево, в право двигаю, а как её выше поднять? Пробую margin-bottom: -50px; не хочет, при любых значениях вертикальное положение не меняется.
-
Пробую через : after, content. Моя картинка вставляется после содержимого <li>, а не на место border
-
Добрый день. Создаю список и вывожу его по такому типу: <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 задать какой то свой символ, например + или = ?
-
Спасибо)
-
А если наоборот нужно что бы нижний div "наезжал" на форму? Он идёт как footer, пробовал его так же position: relative; bottom: 70px; Но он просто поднимается в верх от нижней границы, а остальной контент сдвигает вверх относительного этого div. Наложения не происходит. Пробовал так же верхний div (с формой) сдвинуть на нижний (с footer), а потом задать z-index: 1; и z-index: 2; соответственно. Блок с формой наплывает на footer, но не перекрывается им. Как можно такое наложение сделать?
-
Добрый день. Есть список элементов, не получается сделать для <li> такую "рамку". Или для такого эффекта необходимо фоновой картинкой ставить подложку под текст? И если кто сталкивался, наверняка есть генератор для подобных штук?
-
Спасибо, помогло!