massef

Приветствую. Делаю поэтажное выделение на здание, через теги map area, использую плагин maphilight Проблема в том, что выделение срабатывает не всегда, баг возникает в браузерах Chrome и Opera Гуглил решение, нашел только вариант с добавлением к тегу map id и name с одинаковым значением, но это не сработало. Кто сталкивался с подобным, как заставить работать указанные браузеры? <script type="text/javascript" src="http://davidlynch.org/projects/maphilight/jquery.maphilight.min.js"></script>$(function() { $(".map").maphilight();});<img class="map" alt="img/1470.jpg" src="http://s018.radikal.ru/i501/1402/07/2debaecf5527.jpg" usemap="#myMap" width="1470" height="827" /> <map name="myMap" id="myMap"> <area shape="poly" coords="177,164,359,147,591,156,852,193,852,259,591,240,358,237,177,244" class="class6 {fill:true,fillColor:'00ff00',fillOpacity:0.4,stroke:false}" id="id6" target="_self" title="title6"/> <area shape="poly" coords="177,244,359,237,591,240,852,259,853,313,591,309,358,309,178,310" class="class5 {fill:true,fillColor:'00ff00',fillOpacity:0.4,stroke:false}" id="id5" target="_self" title="title5"/> <area shape="poly" coords="177,310,357,309,591,310,853,314,853,368,592,378,359,380,178,374" class="class4 {fill:true,fillColor:'00ff00',fillOpacity:0.4,stroke:false}" id="id4" target="_self" title="title4"/> <area shape="poly" coords="178,374,359,381,592,379,853,368,853,422,591,446,359,451,178,438" class="class3 {fill:true,fillColor:'00ff00',fillOpacity:0.4,stroke:false}" id="id3" target="_self" title="title3"/> <area shape="poly" coords="178,438,359,451,591,445,853,421,853,476,592,514,358,525,177,508" class="class2 {fill:true,fillColor:'00ff00',fillOpacity:0.4,stroke:false}" id="id2" target="_self" title="title2"/> <area shape="poly" coords="177,508,358,525,591,514,824,480,823,534,593,584,359,596,176,571" class="class1 {fill:true,fillColor:'00ff00',fillOpacity:0.4,stroke:false}" id="id1" target="_self" title="title1"/> </map>P.S. Если есть подробная документация (на русском) о создании подобного рода карты, буду рад ссылке. Пытался сделать с помощью Raphael, но не разобрался в документации.

Офигеть как просто, спасибо большое, я уже собирался на JS искать решение.

Нет, что <code> что <pre>, оба преобразуют в символ

Собственно вопрос в сабже. тег <code> не помогает, а <xmp> считается устаревшим нужно вывести код в символьном и десятичном формате

Здравствуйте. Обязан ли дизайнер предоставлять изображения для верстальщика в различных форматах или это задача верстальщика? Например фавикон, по мимо png передавать еще в ico формате. Или курсор например в формате .cur если он нестандартный на сайте.

Добрый день. Имеется следующая структура: <header class="header"> <div class="header-inner">.....</div></header>.header { background-color: #727171;}.header-inner { width: 1470px; margin: 0 auto;}Пример в песочнице http://jsfiddle.net/xDyfP/, в фулскрине почему-то воспроизвести не удалось, смотрите в окне результата, прокрутите горизонтальный скрол. Вопрос. Почему при масштабировании фон родительского блока не растягивается? Ведь у родителя не указанна ширина, т.е. по факту он должен растягиваться на всю ширину, так и происходит в нормальном виде, но стоит изменить масштаб, как родительский блок обрезается по изначальной ширине области просмотра. Такая ситуация возникла у меня в макете, скрин ниже. Как видите серый фон обрезается. Как это вылечить? upd: например вот на этом сайте h ttp://medvediha.com/ такого эффекта не наблюдается, хотя структура и стили точно такие же, разве что ширина у меня больше. Гляньте например на блок с красным фоном, есть див с двумя классами .block и .red у которого ширина не указанна и внутри него есть див к лассом .cont у которого ширина равна 940px; upd: подниму вопрос, неужели никто не сталкивался.

вы по определению сделали не правильно. вы попытались подогнать отступы что бы получился эффект того что навигация растянута на 1470рх. но если добавить хотя бы одну букву к любому пункту меня то все сразу валится. к тому же я так понимаю что это резиновый сайт (глупо делать сайт шириной 1470рх) , а значит навигация должна сужаться. тут нас спасут табличные свойства. вот так http://codepen.io/Z1gnet/pen/EIrgb Спасибо большое. Сайт фиксированный, я сам удивился когда увидел эти размеры. Небольшой вопрос. Я правильно понимаю, что если нужно растянуть меню равномерно в рамках максимальной ширины макета, то нужно использовать имитацию таблицы? А то часто бывают макеты где есть подобные меню и мне приходится, как вы правильно заметили, подгонять отступами.

Нет, нужно выровнять по середине, но тогда съезжает. В макете вообще вот так по бокам видны направляющие, это макс. ширина 1470px, кто муже расстояние между пунктами не ровное (руки бы оторвать дизайнеру), но я сделал по своему.

Добрый вечер! Сделал меню, но при масштабировании последний пункт съезжает. Подскажите, что можно с этим сделать? http://jsfiddle.net/P274Z/embedded/result/

все работает http://joxi.ru/uWSwUv3JTJALDbjkBvo - браузер Firefox

Здравствуйте. Нужно реализовать поэтажный выбор на здании. То есть при наведении на этаж накладывается маска, полупрозрачное изображение. Знаю что можно сделать такое через map area. Но думаю можно воспользоваться каким нибудь более продвинутым вариантом. Подскажите какие еще есть варианты? Пытался погуглить, но я даже незнаю как это называется, поэтому ничего толкового не нашел. И какким образом высчитываются координаты, если речь идет об map area?

Приветствую. Подключил с гугла шрифт Open Sans Condensed. В webkit браузерах не нормально отображется, у некоторых букв будто срезана верхушка. Например: Если увеличить масштаб до 110%+ то все нормально выглядит, при стандартном масштабе такой вот косяк. Как можно вылечить? UPD: сделал вот в песочнице пример, откройте в хроме к примеру, что интересно, в фоксе тоже косяк такой, верхняя часть букв "Г" и "П" полупрозрачная. Это именно в песочнице, на сайте все норм.

Приветствую. Изучаю горизонтальное позиционирование и столкнулся с непонятным мне поведением элемента, поясните пожалуйста ситуацию. Собственно ссылка на пример. С 1-м и 2-м элементом все понятно, но как высчитывается отрицательный margin у 3-го элемента, относительно чего от высчитывается? Спасибо!

Приветствую! Знающие люди, подскажите пожалуйста. Как правильно использовать классы и свойства так, чтобы не было переопределения стилей? Либо хотя бы сократить их до минимума. Если не сложно, приведите пример.