Jump to content

Mary_RND

User
  • Posts

    209
  • Joined

  • Last visited

Everything posted by Mary_RND

  1. Ох.... главное не перепутать menu__wrap какого меню поправить >< Колумн теперь не перескакивает на третью всплывалку ) Спасибо ) Вроде ничего не пропустила, но вот дополнительное меню под слайдером все равно уезжает вниз при 1024 ((
  2. Убрала, но меню скачет все равно.. Если я убираю inline-table, то грубо говоря column переносится на третье вложенное меню в разделе Пластическая хирургия -> Нос И там все начинает плыть (( p.s.; в онлайн не загружаю пока что, а то там могут смотрины устроить в любой момент -_-"
  3. Добрый вечер. Так есть методы дать направление контенту в меню Общеклинические направления при использование column? P.S.: не большое отхождение от темы, при 1024 это же меню уползает вниз... хотя я думала что починила этот глюк, но вот снова со мной (((
  4. Есть меню с перечислением общеклиническими направлениями, для разбития на столбцы подпунктов использовала column Проблема в том, что он делает разбитие li слева направо, а мне надо сверху вниз. Когда рассматривала примеры работы с column везде текст идет сверху вниз (( http://test3.aveas.ru/napravleniya/obshcheklinicheskie-napravleniya/
  5. оооо... Меню при уменьшение до 1024 все равно сползает вниз Т_Т
  6. Меню все равно скачет по высоте... И проблема padding, как говорится осталась
  7. Доброго времени суток. Было много проблем в начальной стадии, поэтому скажем, что-то я перемудрила... http://test3.aveas.ru/- вот сайт, меню с пунктами Общеклинические направленияКосметологияПластическая хирургияСтоматологияТ.к. я еще не до программировала этот момент с меню, третий уровень выпадает пока только на этой странице в разделе Пластическая хирургия, подменю Нос, и там появляется третий раздел при наведении http://test3.aveas.ru/napravleniya/plasticheskaya-hirurgiya/nos/ Проблема в том что при том же 1024 меню съезжает, из-за вставленного кастыля overflow пришлось поставить большой padding, чтобы не обрезался третий уровень. Подскажите как сделать по другому? Т.к. на примере можно заметить, что из-за padding крошки не доступны для наведения
  8. Разобралась с этим вопросом, зато возник другой... Сделала, через блок, на который нажимая карта центрируется по метке. Как сделать чтобы изменить маркер с неактивного на активный? Смогла реализовать только наведение на сам маркер, а надо на блок с описанием ( 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); })
  9. Привет всем! Есть две карты на одной странице, на первой одна метка, на второй их пять Вопрос, как сделать к каждому маркеру свое инфоокно, чтобы они были всегда на виду, т.е. списком сбоку и когда на маркер нажимаешь, подсвечивается соответствующее инфоокно. И смена маркера при его выборе. Спасибо. <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>
  10. Да, все # пока что, просто нету еще других страниц ><
  11. http://unionclinic.aveas.ru/main.html Сижу и подумываю может это табами сделать... >< Меню, которое находится на слайдере
  12. Ага... поправила. Если пишешь просто $(this).addClass('active');то он ставит всем первым пунктам А мне надо: - Первый пункт активный при загрузки страницы (кстати, получается когда он уже на странице одного из подпунктов меню, то активно должно быть то меню, к какому подпункт относится >.<) - При перемещение между меню, активность у первого соответственно уходит. - При переходе курсором на выпадающее меню, активность не должна пропадать. Я находила несколько вариантов скриптов, но либо я не поняла принцип действия или оно не подходило под выпадающее меню T____T
  13. Добрый день. Мне надо сделать чтобы при загрузки страницы или обновлении, первый пункт меню всегда горел активный. Применила простой код вроде, но он делает активным все пукты меню >.< И пропадает активность, когда выпадает меню и туда переводишь курсор мышки (( Как справиться с этой напастью? $('.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>
  14. Есть дизайн, ширина 1000. И есть флеш, максимальная ширина 1544 Еще есть карусель, которая тоже должна тянутся на всю. При позиционировании абсолют, появляется колесо прокрутки Как можно обойти эту ширину 1000, если карусель и флеш находится внутри контента?>< Спасибо )
  15. потому что не было времени подгонять, завтра сделаю) Спасибо уже подказали)))
  16. Так никто не подскажет где я перемудрила?(
  17. Есть сайт http://escort.ru/ У него есть выплывающее меню, это блоки с абсолютным позиционированием, чтобы были поверх флешки Но при разных разрешениях экрана эти блоки двигаются... как их завиксировать в одном положении?
  18. А все нашла ошибку Спасибо)
  19. На этом сайте http://escort.ru/ в шапке есть background тянущейся в правом блоке шапки Везде нормально но в ИЕ6 полоска как то странно к низу прибита... Почему так подскажите пожалуйста
  20. уря! совместными усилиями глюк убран но так и не понятен
  21. Есть сайт http://www.roslitprom.ru/ У меня нормально отображается сайт и на 1024 и на 1280 во всех браузерах дома Но почему у человека, в мозиле последней версии, как и у меня, отображает при 1024 флешку под контактами и правой менюшкой У кого-нибудь так еще отображается? А то блин даже не знаю как исправить того что не видно Т_Т
  22. не-не мне не нужен ховер У меня просто есть страницы на который картинки вставлены цветные, а на некоторых - черно-белые, это просто в тексте само по себе. Нельзя например когда пользователь грузит картинку через cms, он же загружает обыяные, просто в cms выбирал стиль(класс) для картинки и она была черно-белой?
  23. А где можно почитать об этом?)
  24. Возможно ли с помощью css создать класс который деллал бы загружаемую картинку, если она цветная, в серых тонах? или это из области фантастики?><
  25. Урааааааааааааааа Спасибо, Мишенька *чмок в щечку*
×
×
  • 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