-
Posts
209 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Mary_RND
-
Ох.... главное не перепутать menu__wrap какого меню поправить >< Колумн теперь не перескакивает на третью всплывалку ) Спасибо ) Вроде ничего не пропустила, но вот дополнительное меню под слайдером все равно уезжает вниз при 1024 ((
-
Убрала, но меню скачет все равно.. Если я убираю inline-table, то грубо говоря column переносится на третье вложенное меню в разделе Пластическая хирургия -> Нос И там все начинает плыть (( p.s.; в онлайн не загружаю пока что, а то там могут смотрины устроить в любой момент -_-"
-
Добрый вечер. Так есть методы дать направление контенту в меню Общеклинические направления при использование column? P.S.: не большое отхождение от темы, при 1024 это же меню уползает вниз... хотя я думала что починила этот глюк, но вот снова со мной (((
-
Есть меню с перечислением общеклиническими направлениями, для разбития на столбцы подпунктов использовала column Проблема в том, что он делает разбитие li слева направо, а мне надо сверху вниз. Когда рассматривала примеры работы с column везде текст идет сверху вниз (( http://test3.aveas.ru/napravleniya/obshcheklinicheskie-napravleniya/
-
оооо... Меню при уменьшение до 1024 все равно сползает вниз Т_Т
-
Меню все равно скачет по высоте... И проблема padding, как говорится осталась
-
Доброго времени суток. Было много проблем в начальной стадии, поэтому скажем, что-то я перемудрила... http://test3.aveas.ru/- вот сайт, меню с пунктами Общеклинические направленияКосметологияПластическая хирургияСтоматологияТ.к. я еще не до программировала этот момент с меню, третий уровень выпадает пока только на этой странице в разделе Пластическая хирургия, подменю Нос, и там появляется третий раздел при наведении http://test3.aveas.ru/napravleniya/plasticheskaya-hirurgiya/nos/ Проблема в том что при том же 1024 меню съезжает, из-за вставленного кастыля overflow пришлось поставить большой padding, чтобы не обрезался третий уровень. Подскажите как сделать по другому? Т.к. на примере можно заметить, что из-за padding крошки не доступны для наведения
-
Разобралась с этим вопросом, зато возник другой... Сделала, через блок, на который нажимая карта центрируется по метке. Как сделать чтобы изменить маркер с неактивного на активный? Смогла реализовать только наведение на сам маркер, а надо на блок с описанием ( var image_msk = new google.maps.MarkerImage( 'images/beachflag_msk.png', new google.maps.Size(81,112), new google.maps.Point(0,0), new google.maps.Point(0,112)); var image_mskHover = new google.maps.MarkerImage( 'images/beachflag_msk.png', new google.maps.Size(81,112), new google.maps.Point(0,112), new google.maps.Point(0,112) ); var marker2 = new google.maps.Marker({ position: pos2, map: map_msk, icon: image_msk }); google.maps.event.addListener(marker2,'click', function() { marker2.setIcon(image_mskHover); }); google.maps.event.addListener(marker2, 'mouseout', function() { marker2.setIcon(image_msk); })
- 1 reply
-
- google map
- js
-
(and 2 more)
Tagged with:
-
Привет всем! Есть две карты на одной странице, на первой одна метка, на второй их пять Вопрос, как сделать к каждому маркеру свое инфоокно, чтобы они были всегда на виду, т.е. списком сбоку и когда на маркер нажимаешь, подсвечивается соответствующее инфоокно. И смена маркера при его выборе. Спасибо. <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script><script type="text/javascript"> // When the window has finished loading create our google map below google.maps.event.addDomListener(window, 'load', init); function init() { // Basic options for a simple Google Map // For more options see: https://developers.google.com/maps/documentation/javascript/reference#MapOptions var pos1 = new google.maps.LatLng(59.921090, 30.343043);//SpB var pos2 = new google.maps.LatLng(55.7695689, 37.6226591); var pos3 = new google.maps.LatLng(55.7379675, 37.625534); var pos4 = new google.maps.LatLng(55.7580242, 37.5633864); var pos5 = new google.maps.LatLng(55.7387458, 37.6552768); var pos6 = new google.maps.LatLng(55.7387478, 37.6549528); ///SPB MAP ============================================================================= var mapOptions = { // How zoomed in you want the map to start at (always required) zoom: 17, // The latitude and longitude to center the map (always required) center: new google.maps.LatLng(59.921090, 30.343043), // SpB mapTypeId: google.maps.MapTypeId.ROADMAP, // How you would like to style the map. // This is where you would paste any style found on Snazzy Maps. styles: [{"featureType":"administrative","elementType":"all","stylers":[{"visibility":"on"},{"lightness":33}]},{"featureType":"landscape","elementType":"all","stylers":[{"color":"#f2e5d4"}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"color":"#c5dac6"}]},{"featureType":"poi.park","elementType":"labels","stylers":[{"visibility":"on"},{"lightness":20}]},{"featureType":"road","elementType":"all","stylers":[{"lightness":20}]},{"featureType":"road.highway","elementType":"geometry","stylers":[{"color":"#c5c6c6"}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#e4d7c6"}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#fbfaf7"}]},{"featureType":"water","elementType":"all","stylers":[{"visibility":"on"},{"color":"#acbcc9"}]}] }; // Get the HTML DOM element that will contain your map // We are using a div with id="map" seen below in the <body> var mapElement = document.getElementById('map_spb'); // Create the Google Map using our element and options defined above var map = new google.maps.Map(mapElement, mapOptions); var image = 'images/beachflag.png'; ///MSK MAP ============================================================================= var mapOptions2 = { // How zoomed in you want the map to start at (always required) zoom: 12, // The latitude and longitude to center the map (always required) center: new google.maps.LatLng(55.772153, 37.622246), // SpB mapTypeId: google.maps.MapTypeId.ROADMAP, // How you would like to style the map. // This is where you would paste any style found on Snazzy Maps. styles: [{"featureType":"water","elementType":"geometry","stylers":[{"color":"#e9e9e9"},{"lightness":17}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#f5f5f5"},{"lightness":20}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#ffffff"},{"lightness":17}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#ffffff"},{"lightness":29},{"weight":0.2}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#ffffff"},{"lightness":18}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#ffffff"},{"lightness":16}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#f5f5f5"},{"lightness":21}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"color":"#dedede"},{"lightness":21}]},{"elementType":"labels.text.stroke","stylers":[{"visibility":"on"},{"color":"#ffffff"},{"lightness":16}]},{"elementType":"labels.text.fill","stylers":[{"saturation":36},{"color":"#333333"},{"lightness":40}]},{"elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#f2f2f2"},{"lightness":19}]},{"featureType":"administrative","elementType":"geometry.fill","stylers":[{"color":"#fefefe"},{"lightness":20}]},{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#fefefe"},{"lightness":17},{"weight":1.2}]}] }; // Get the HTML DOM element that will contain your map // We are using a div with id="map" seen below in the <body> var mapElement = document.getElementById('map_msk'); // Create the Google Map using our element and options defined above var map2 = new google.maps.Map(mapElement, mapOptions2); var image2 = 'images/beachflag_a.png'; // Let's also add a marker while we're at it var marker = new google.maps.Marker({<!-- position: new google.maps.LatLng(59.921090, 30.343043), --> position: pos1, map: map, title: 'Текст', icon: image }); var marker = new google.maps.Marker({ position: pos2, map: map2, title: 'Текст', icon: image2 }); var marker = new google.maps.Marker({ position: pos3, map: map2, title: 'Текст', icon: image2 }); var marker = new google.maps.Marker({ position: pos4, map: map2, title: 'Текст', icon: image2 }); var marker = new google.maps.Marker({ position: pos5, map: map2, title: 'Текст', icon: image2 }); var marker = new google.maps.Marker({ position: pos6, map: map2, title: 'Текст', icon: image2 }); // Creating an InfowWindow var infowindow = new google.maps.InfoWindow({ content: 'Hello world' }); // Adding a click event to the marker google.maps.event.addListener(marker, 'click', function() { // Opening the InfoWindow infowindow.open(map2, marker); }); }</script>
- 1 reply
-
- google map
- js
-
(and 2 more)
Tagged with:
-
Всегда при первой загрузки активный первый пукт меню
Mary_RND replied to Mary_RND's question in JavaScript
Да, все # пока что, просто нету еще других страниц >< -
Всегда при первой загрузки активный первый пукт меню
Mary_RND replied to Mary_RND's question in JavaScript
http://unionclinic.aveas.ru/main.html Сижу и подумываю может это табами сделать... >< Меню, которое находится на слайдере -
Всегда при первой загрузки активный первый пукт меню
Mary_RND replied to Mary_RND's question in JavaScript
Ага... поправила. Если пишешь просто $(this).addClass('active');то он ставит всем первым пунктам А мне надо: - Первый пункт активный при загрузки страницы (кстати, получается когда он уже на странице одного из подпунктов меню, то активно должно быть то меню, к какому подпункт относится >.<) - При перемещение между меню, активность у первого соответственно уходит. - При переходе курсором на выпадающее меню, активность не должна пропадать. Я находила несколько вариантов скриптов, но либо я не поняла принцип действия или оно не подходило под выпадающее меню T____T -
Добрый день. Мне надо сделать чтобы при загрузки страницы или обновлении, первый пункт меню всегда горел активный. Применила простой код вроде, но он делает активным все пукты меню >.< И пропадает активность, когда выпадает меню и туда переводишь курсор мышки (( Как справиться с этой напастью? $('.menu_dop .main a').each(function () { var location = window.location.href; var link = this.href; if(location == link) { $(this).addClass('active'); } });<nav class="menu_dop"> <ul class="blockeasing"> <li class="main clinical"><a href="#">Общеклинические направления</a> <div class="menu__drop"> <div class="menu__wrap"> <ul> <li><a href="#">Акушерство</a></li> <li><a href="#">Андрология</a></li> <li><a href="#">Гастроэнтерология</a></li> <li><a href="#">Гепатология</a></li> </ul> <ul> <li><a href="#">Кардиология</a></li> <li><a href="#">Косметология</a></li> <li><a class="menu__drop__link new" href="#">Маммология</a></li> <li><a href="#">Неврология</a></li> </ul> <ul> <li><a href="inner.html">Офтальмология</a></li> <li><a href="#">Проктология</a></li> <li><a href="#">Психотерапия</a></li> <li><a href="#">Стоматология</a></li> </ul> </div> </div> </li> <li class="main cosmetology"><a href="#">Косметология</a></li> <li class="main plastic_surgery"><a href="#">Пластическая хирургия</a> <div class="menu__drop"> <div class="menu__wrap"> <ul> <li><a href="#">лицо</a></li> <li><a href="#">нос</a></li> <li><a href="#">веки</a></li> </ul> <ul> <li><a href="#">уши</a></li> <li><a href="#">живот</a></li> <li><a href="#">грудь</a></li> </ul> <ul> <li><a href="#">интимная пластика</a></li> <li><a href="#">липоскульптура</a></li> <li><a href="#">рубцы</a></li> </ul> </div> </div> </li> <li class="main stomatology"><a href="#">Стоматология</a></li> <div class="menu__drop"> <div class="menu__wrap"> <ul> <li><a href="#">озонотерапия</a></li> <li><a href="#">реставрация зубов</a></li> <li><a href="#">уз чистка зубов</a></li> <li><a href="#">лазерные технологии</a></li> </ul> <ul> <li><a href="#">лазерное отбеливание</a></li> <li><a href="#">профессиональная чистка</a></li> <li><a href="#">терапия</a></li> <li><a href="#">хирургия</a></li> </ul> <ul> <li><a href="#">пародонтология</a></li> <li><a href="#">ортодонтия</a></li> <li><a href="#">ортопедия</a></li> <li><a href="#">советы стоматологов</a></li> </ul> </div> </div> </li> </ul> </nav>
-
Есть дизайн, ширина 1000. И есть флеш, максимальная ширина 1544 Еще есть карусель, которая тоже должна тянутся на всю. При позиционировании абсолют, появляется колесо прокрутки Как можно обойти эту ширину 1000, если карусель и флеш находится внутри контента?>< Спасибо )
-
потому что не было времени подгонять, завтра сделаю) Спасибо уже подказали)))
-
Так никто не подскажет где я перемудрила?(
-
Есть сайт http://escort.ru/ У него есть выплывающее меню, это блоки с абсолютным позиционированием, чтобы были поверх флешки Но при разных разрешениях экрана эти блоки двигаются... как их завиксировать в одном положении?
-
А все нашла ошибку Спасибо)
-
На этом сайте http://escort.ru/ в шапке есть background тянущейся в правом блоке шапки Везде нормально но в ИЕ6 полоска как то странно к низу прибита... Почему так подскажите пожалуйста
-
уря! совместными усилиями глюк убран но так и не понятен
-
Есть сайт http://www.roslitprom.ru/ У меня нормально отображается сайт и на 1024 и на 1280 во всех браузерах дома Но почему у человека, в мозиле последней версии, как и у меня, отображает при 1024 флешку под контактами и правой менюшкой У кого-нибудь так еще отображается? А то блин даже не знаю как исправить того что не видно Т_Т
-
не-не мне не нужен ховер У меня просто есть страницы на который картинки вставлены цветные, а на некоторых - черно-белые, это просто в тексте само по себе. Нельзя например когда пользователь грузит картинку через cms, он же загружает обыяные, просто в cms выбирал стиль(класс) для картинки и она была черно-белой?
-
А где можно почитать об этом?)
-
Возможно ли с помощью css создать класс который деллал бы загружаемую картинку, если она цветная, в серых тонах? или это из области фантастики?><
-
Урааааааааааааааа Спасибо, Мишенька *чмок в щечку*