hypnocolor

jQuery нужно подключать ПЕРЕД плагинами для него, а не после них. Это раз.

Во-вторых, это есть на вашем сайте:

var gallery = new $.ThumbnailGallery($('#gallery'));

Хотя такого метода не описано ни в одном из js-файлов, что у вас подключены...

http://jsfiddle.net/v7tnh6jx/1/

Пельмени — это не мясо, они лишь переняли частично характеристики мяса (вкус), более того, в них заложены новые возможности (удобнее есть с майонезом и кетчупом, удобнее кидаться в кота), поэтому жарить их, как обычное мясо, некорректно (на самом деле нет).

Ребятушки-администраторы, пожалуйста, прекратите этот ад, всё же и так видно

Tags have to be nested such that elements are all completely within each other, without overlapping:

<p>This is <em>very <strong>wrong</em>!</strong></p><p>This <em>is <strong>correct</strong>.</em></p>

© http://www.w3.org/TR/html5/introduction.html#a-quick-introduction-to-html

Парируйте, сударь.

Классно! Осталось ещё браузеры научить «распознавать такой код» — вот заживём!

Товарищи, перестаньте, оно не понимает иронии

Дизайн — хрень.

Вёрстка — хрень. Валидатор меня поддержит.

Хостинг — хрень.

Достаточно объективно?

Zero-11, человек учится, точно так же, как и ты. И знаешь, мне гораздо приятнее смотреть на его процесс обучения, нежели на твой кривой велосипед из твоей прошлой темы. Мне приятнее видеть, что человек использует normalize.css, а не тупо через звёздочку обнуляет отступы. Мне приятнее видеть, что человек адекватно реагирует на критику, прислушивается и пытается разобраться в вопросах, а не кричит о том, что все вокруг — непонимающие грубые ублюдки и зовёт «знакомых хакеров» ломать форум в отместку.

Чего зазорного в том, чтобы использовать части кода, написанные кем-то? Если ты не знаешь, как реализовать что-то, то совершенно логично, что можно позаимствовать способы у людей, которые разобрались в твоём вопросе лучше тебя. Перенимать знания других людей — не преступление, если чё. На твоём же чуде используется тот же jQuery, написанный (о, ужас!) не тобой. Напиши тогда свой фреймворк, раз такой профессионал.

Короче, ты не прав. Правда, сомневаюсь, что до тебя это дойдёт.

Тут дело не в хитрости, скорее всего поведение, которое вам нужно, вообще нереально воспроизвести, потому как плотно к границам своей области текст будет прилегать только в инлайновых элементах, которым максимальную ширину не задашь. А родитель хоть и перенесёт текст, но сохранит максимальную ширину, так что это пространство всё равно останется. Мой вариант тоже не подходит, как оказалось, под ваше описание.

Извиняюсь, не уловил сути точной. Тогда как-то так: http://jsfiddle.net/cqm1Lnhg/1/

.main-img тоже задайте z-index, 10 например. А для .m-pointer, соответственно, что-то побольше.

http://css-live.ru/articles-css/ravnomernoe-vyravnivanie-blokov-po-shirine.html

Задайте min-width: 1006px; у радуги.

Для .menu-item поставьте display: inline-block; вместо флоата, а у подменю добавьте white-space: nowrap;

Чуть-чуть оффтопа. Имхо, никакими тремя тысячами там и не пахло. Сообщение, которым ТС оправдывает ситуацию, очень похоже на хитрый приём — в целях самозащиты заставить собеседника жалеть о своём поведении и потерянной возможности, даже если её на самом деле и не существовало («не 300, а 3000, но вы их уже не увидите, бу-бу-бу»). В основном у подростков такое встречал. Ну да ладно.

О, хакеры. Партизаны всё толще и толще. Посоны, разбудите, пожалуйста, когда он стартап откроет.

Парень, ты живёшь в каком-то своём волшебном мире, где твой уровень знаний и степень стремления к совершенству являются эталонными, и не нам тебя в этом обвинять, конечно. Остаётся только позавидовать твоему упорству и самооценке. Но так и оставался бы уже там, зачем тебе вырываться в реальность и спрашивать мнения грубиянов вроде нас?

По-моему, слишком толсто.

На самом деле, я его даже не гуглил, оно само придумалось минут за 5) Ещё как вариант можно делать по-другому: квадрату задавать полупрозрачный фон, а в него помещать круглый слой, у которого будет задана фоновая картинка, такая же, как та, над которой мы слой помещаем, но спозиционированная так, чтобы она совпадала с участком, над которым в данный момент круг находится. Но, по-моему, мой вариант изящней

На размеры влияет не тень, а border, который у вас увеличивается при наведении курсора на блок.

Грубо говоря, clip обрезает элемент снаружи, а не вырезает пространство внутри. Кроме того, там можно работать только с прямоугольными областями. Более того, свойство устаревшее (https://developer.mozilla.org/en-US/docs/Web/CSS/clip). Поэтому в данном случае это не вариант.

Одним псевдоэлементом сделан слой, у которого круглый полупрозрачный бордер большого размера, создающий эффект чёрного полупрозрачного фона. Другим сделана круглая жёлтая рамка для получившегося круга. Если вам нужен бóльший размер квадрата — соответственно, нужны и бóльшие размеры бордера у псевдоэлемента, чтобы он квадрат заполнил без пробелов. Меняя размеры и положения элементов, можете всё перемещать куда угодно и как угодно, основная задача — полупрозрачный фон с отверстием на нём — уже решена.

Да, и не путайте псевдоклассы с псевдоэлементами.

Да, но это подходит если, круг в центре, а если он в произвольном месте? этот круг может появится на любом из домов... Он не при ховере, а просто у каждого дома будет координата, которая позиционируется на доме...

А в чём проблема? Вы код смотрели вообще? Всё же на блюдечке, бери и пили под себя: расположение круга можно задавать какое угодно; ховер сделан для наглядности, можно и без него делать.

Так вы задайте .draggable не для <rect>, а для <svg> — http://jsfiddle.net/hypnocolor/5g55uyjn/5/, и будет вместе с текстом таскаться.

Видимо, как-то так: http://jsfiddle.net/hypnocolor/byT76/108/. По крайней мере, по части отдельного спана для знака процентов и уникальных классов. А вот если задавать больше 50%, полоска перестаёт работать, как надо. По крайней мере в хроме. Полпятого утра, лень с этим разбираться)