doox911
-
Posts
31 -
Joined
-
Last visited
doox911's Achievements
Explorer (1/14)
0
Reputation
-
Разбираясь Я обнаружил: 1. Необходимо было изменить это: <div data-role="content"> На это: <div data-role="content" id="content"> И задать ему ширину и высоту. Но теперь, Я столкнулся с другой проблемой. Библиотека JQuery Mobile влияет на отображение карты. Но это пол беды. Мне интересно другое. Карта становится видимой, только после изменения видимой области? Почему?
-
Ошибок нет!)
-
<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8" /> <!-- Необходимо для того, чтобы страница отображалась в 100% масштабе.--> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"> <!-- Подключаем различный таблицы стилей. Выбор подключаемой таблицы зависит от расширерения экрана. --> <link rel="stylesheet" type="text/css" media="screen and (min-device-width: 800px)" href="kub_pc.css" /> <link rel="stylesheet" type="text/css" media="screen and (max-device-width: 799px)" href="kub_mobile.css" /> <!-- Подключаем JQuery, JQuery Mobile и JQuery Mobile CSS --> <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script> <link rel="stylesheet" href="css/themes/mJQuery.css" /> <link rel="stylesheet" href="css/themes/jquery.mobile.icons.min.css" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile.structure-1.4.0.min.css" /> <!-- Подключаем leaflet JS и leaflet CSS, для отображения карты --> <script src="http://cdn.leafletjs.com/leaflet-0.7.1/leaflet.js"></script> <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.1/leaflet.css" /> </head><body> <div data-role="page"> <!-- header --> <div data-role="header"> </div> <!-- /header --> <!-- content --> <div data-role="content"> <div id="map"> <style>#map{ width: 100%; height: 100%; position:relative; top:0px;}#adm_hatun{ margin:0; padding:0; width: 300px; height: 100px; }#adm_hatun i{ font: 10px Arial;}#church{}#school{}#circle{} </style> <script> var MAP = new L.map('map', { center: [55.00568744289998,37.83303327379225], zoom: 13, zoomControl: false, attributionControl: false, scrollWheelZoom: false });// Создали объект карта с параметрами var OSMLayer = new L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', { attribution:'' } ); // Создали объект слоя OSM var adm_hatun = new L.marker([55.00568744289998,37.83303327379225]).addTo(MAP); var church = new L.marker([55.00629042601082,37.83461041269301]).addTo(MAP); var school = new L.marker([55.00896067082531,37.83561892328261]).addTo(MAP); var circle = L.circle([55.002115505025856,37.83243245897292], 50, { color: 'red', fillColor: '#f03', fillOpacity: 0.5}).addTo(MAP); adm_hatun.bindPopup('<div id="adm_hatun"><table><tr><td><i>Администрация - Сельское поселение Семёновское</i></td><td></td></tr></table></div>'); church.bindPopup('<div id="adm_hatun"><table><tr><td><i>Церковь Рождества Пресвятой Богородицы</i></td><td><img src="cherch.jpeg" /></td></tr></table></div>'); school.bindPopup("Школа"); circle.bindPopup("Торговая площадь"); var zoom = L.control.zoom({ position: 'topright', zoomInText: '+', zoomOutText: '-', zoomInTitle: 'Увеличить', zoomOutTitle: 'Уменьшить' }).addTo(MAP); var scale = L.control.scale({ position: 'bottomleft', metric: true, imperial: false }).addTo(MAP); MAP.addLayer(OSMLayer); </script> </div> </div> <!-- /content --> <!-- footer --> <div data-role="footer"> <h4>Page Footer</h4> </div> <!-- /footer --> </div> <!-- /page --> </body></html>Если не использовать данную библиотеку, всё работает. Но с ней нет, почему?
-
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link href="css/index.css" rel="stylesheet" type="text/css"> <meta name="keywords" content=""> <meta name="description" content=""> <title>Лесничество"Русский Лес"</title> </head> <body> <div id="header"> <div id="vc"> </div> </div> <div id="podl_content"> <div id="content"> <div class="ukaz"> <h2>Информация о филиале</h2> </div> <div id="footer"> </div> </div> </div> <br /> </body> </html> body{ margin: 0px; padding: 0px; background-image: url(fon2.png); } html, body, h1, h2, h3, h4, h5, h6, p, em, strong, abbr, acronym, blockquote, q, cite, ins, del, dfn, a, div, span, pre, hr, address, br, b, i, sub, sup, big, small, tt, table, tr, caption, thead, tbody, tfoot, col, colgroup, form, input, label, textarea, button, fieldset, legend, select, option, optiongroup, ul, ol, dl, dt, dd, code, var, kdb, samp, img, object, param, map, area, bdo, iframe{ padding: 0; margin: 0; } #header{ z-index: 2; position: relative; height: 82px; width: 100%; background-image: url(2.png); background-repeat: repeat-x; } #vc{ width: 1320px; margin: 0 auto; } .vm{ display: inline-block; text-align: center; width: 220px; height: 85px; float: left; } .vm:hover{ background-image: url(3.png); background-repeat: no-repeat; background-position: 0px 73px; } #vc a{ padding:0; margin:0; padding-top: 25px; width: 220px; height: 57px; color: #fff; font-size: 20pt; font-weight: bold; text-decoration: none; } #vc a:hover{ color: grey; } #podl_content{ z-index: 1; position: relative; margin: 0px auto; padding: 0px; width: 1216px; background-color: lightgrey; } #content{ background-image: url(88.png); position: relative; background-repeat: repeat-y; /* Отменяем повторение фона */ background-position: center; margin: 0px auto; padding: 0px; width: 1214px; } .ukaz{ padding: 0px; padding-top: 5px; margin: 0px; margin-top: 5px; background-image: url(6.png); height: 45px; text-align: center; width: 1200px;margin-left: 7px; } .ukaz h2{ padding: 0px; margin: 0px; color: white; } #footer{ background-image: url(54.png); margin: 0px auto; height: 82px; width: 1214px; } Помогите пожалуйста понять. Почему используя margin-top: 5px; в .ukaz идёт отступ всего #podl_content?
-
Вёрстка ... А что не так))? Так мне нужно чтобы цвет хотя бы менялся или линия появлялась при наведении.. И не было таких косяков)
-
1. Не только из-за теней) Я переделывал убирая тени. Меняя только цвет или добовляя линию. 2. Как избавиться от этого?)
-
С предыдущим никто не справился) А вот тогда ещё вопрос: Подскажите почему при наведении на ссылку и под ссылкой сдвигается изображение? Как это исправить и возможно ли это? И почему этот косяк только в хроме)? (Хотя последнее наверно известно только разработчикам) За ранее благодарен.
-
А флоат работает при абсолютном позиционировании?
-
Как сделать что-бы при уменьшении или увеличении блок не становился меньше? http://za-zabor.ru/ Косяк возникает в меню (в виде забора) Вот так должно бытьhttp://itmages.ru/image/view/468883/a47d3af8 А вот так получается http://itmages.ru/image/view/468881/7d57ed7f За ранее спасибо)
-
При задании блоку свойства CODE (htmlphp): скопировать код в буфер обмена position: fixed; Жутко тормозит скролинг, Почему?
-
Валидатор не понимает стили во фрейме с календарем. Не знаю можно ли ето вообще исправить. Если кому интересно, то вот решение http://forum.php.su/post.php?action=replyquote&forum=41&topic=1857&postid=1331913778
-
А у меня вот такая проблема?(( http://validator.w3.org/check?uri=http%3A%2F%2Fza-zabor.ru%2Fkalendar.html&charset=%28detect+automatically%29&doctype=Inline&group=0 Помогите исправить проблему , если это возможно.\ За ранее Спасибо!
-
Всем доброго времени суток!) У меня две проблемы..Не могу сделать ссылки без .html или .php И второе вот код CODE (htmlphp): скопировать код в буфер обмена RewriteCond %{THE_REQUEST} ^[A-Z]{3,9}\ /index\.html\ HTTP/ RewriteRule ^index\.html$ http://za-zabor.ru [R=301,L] Он пересылает всегда на доменное имя без всяких индекс.html А как мне сделать также только в других каталогах? Я принимаю ответ ссылками на другие темы.
-
А кто знает где взять капчу по проще. Чтоб не такие сложные для распознавания символы. Подскажите пожалуйсто
-
<form name="zayavka" method="post"> <span class="black_text"> ФИО</span><br /> <input type="text" placeholder="Иванов Иван Иваныч" name="fio"><br /> <span class="black_text"> Контактный телефон</span><br /> <input type="text" placeholder="+7 903 555 5555" name="tel"><br /> <span class="black_text"> E-mail:</span><br /> <input type="text" placeholder="doox_xxl@yandex.ru" name="email"> <br /> <span class="black_text"> Страна</span><br /> <input type="text" placeholder="Россия" name="cont"> <br /> <span class="black_text"> Город</span><br /> <input type="text" placeholder="Кудымкар" name="citi"><br /> <span class="black_text"> Выбирите поход </span><br /> <select> <option>Крым "Через горы к морю"</option> <option>Сплав по реке Киржач</option> <option>Летний Крым</option> <option>Долина реки Осётр (пеший)</option> <option>Сплав по реке Шерна</option> <option>Сплав по реке Нерская</option> <option>Сплав по реке Нара</option> <option>К поселению древних славян</option> <option>Селигер. Нилова Пустынь (велопоход)</option> <option>Звенигород. Озеро Глубокое. (пеший)</option> <option>Красоты Мещеры (пеший)</option> <option>Заброшенные объекты. пеший. будни.</option> <option>Катание на зорбе. пеший. будни.</option> <option></option> </select><br /> <span class="black_text"> Ваш комментарий</span><br /> <textarea placeholder="Я никогда там не был.Очень хочется сходить в поход)" name="comment"></textarea><br /> <input type="reset" value="очистка" /> <?php require_once('recaptchalib.php'); $publickey = ""; $privatekey = ""; $resp = null; $error = null; echo '<form method="post">'; echo recaptcha_get_html($publickey, $error); echo '<input type="submit" />'; if ($_POST) { $resp = recaptcha_check_answer ($privatekey,$_SERVER["REMOTE_ADDR"],$_POST["recaptcha_challenge_field"],$_POST["recaptcha_response_field"]); if (!$resp->is_valid) { $error = $resp->error; } else { echo"Правильно"; } } echo '</form>'; ?> </form> Это правильный Вариант)