фонарик

Смысл такой, что я оттуда умею получать значения Можно наверно вместо CSS файла хранить данные в переменных java скрипта, но было бы удобней когда переменные лежат рядом со стилем. Да и не знаю я как оно вообще правильно, как люди нормальные делают ) Что в гугл вбить еще уже даже и не знаю

Не подскажите, можно ли в CSS стиле как-то хранить простые данные, к которым потом можно было бы обратиться через window.getComputedStyle Например, что-то типа этого .znak { background-color:red; border:1px solid; dyadyaVasya:100mb; } Т.е чтобы найдя елемент по классу znak, можно было вытащить из стиля свойство dyadyaVasya со значением 100mb ? alert(window.getComputedStyle(elem).dyadyaVasya); // выдало бы 100mb Или такое невозможно? Если нет, то каким другим простым способом можно так сделать ? Подскажите, пожалуйста, кто что думает.

Мистер Vin, большое вам спасибо за помощь Результат тот же, что и нужен, поклон вам до земли. У меня у самого опилки никак не могут переварить все это дело, чтобы решать самому. Может, вдогонку еще подскажете, как отбросить все символы что идут с начала точки? Например, число 456.869306930693069, нужно чтобы это число стало нормальным человеческим в виде 456 Мда, дай негру палец называется. Еще понадобится такой вариант, чтобы округлить это число в большую сторону. Например 456.12 должно округлиться в 457. как округлять нашел Math.ceil(456.12) ; // 457

а можно и просто var a = 324 Это бы мне помогло, если бы я мог вычленить хотябы не отдельные цифры из выражения, а две его части с символами px. Т.е в одной переменной образовывалось бы первое значение -896px, а во второй второе -324px.

Подскажите пожалуйста, как из строки "-896px -324px" при помощи replace в переменную a присвоить значение -896, а в переменную b значение -324? Числа могут быть и не отрицательные и разных порядков. Иными словами, нужны символы что идут как цифровое значение до символов "px". Никак не осилю как эта штука вообще работает

Было так просто и никто не подсказал Может, конечно, оно получилось все через одно место, но лучше бы я на обычный урок потратил эти 8 часов http://jsfiddle.net/6hu2W/12/

Никак не могу понять как правильно нужно делать Допустим, есть 3 (или 10) кнопки-иконки, выполненные в блоках div, меняющие свой вид на другие картинки при наведении или нажимании мышки. На события onclick или onmouseover и т.д прикручиваются соответствующие события смены картинки +всякие свистелки Как нужно правильно оформить эти блоки див? id делать всем одинаковый или разный (или вообще можно без него обойтись), css стиль привязывать по id или по class, что одинаковое должно быть что разное. И потом, как оформить в java срабатывание функций, чтобы оно работало на всех иконках. Покажите, пожалуйста, на этом примере http://jsfiddle.net/6hu2W/10/ Тут событие работает только на самом первом блоке, а нужно чтобы работало на всех трех, беря во внимание тот факт, что их будет не 3, а 20 или 30 например.

Решил проблему при помощи style.backgroundPosition

Heidel, у вас на первом сайте если нажать на кнопки что ниже кнопки "Ветеринарная клиника", то перегружается страница. Наверно это неправильно Если быть точнее - правильно работают только первая и последние кнопки.

Ситуация такая, что в данном примере кнопки на картинке - ее состояние не изменится на стиль hover если навести мышкой не на саму кнопку, а на ее тень. А в случае если эта тень часть картинки и, как следствие - лежит внутри блока div, то лишь только мышка налезет на тень - кнопка примет стиль hover. Тень большая широкая, кнопка уже издалека реагирует, визуально это очень плохо смотрится. Почему-то не работает Вот видимость (visibility) менять получилось, но пропадают так же и синий блок, плюс ко всему, при отжатии мышки ничего назад не появляется. Почему исчезает синий блок и почему не появляется назад серый? Подскажите пожалуйста.http://jsfiddle.net/6hu2W/8/

Дело в простой кнопке которая на фоне картинки, и всего лишь Смотреть там пока больше не начто, да и, лучше наверно на это не смотреть чем смотреть Слева - вид кнопки в хроме и мозилле, справа - в эксплорере(8). .btn { border-radius:16px; width:95px; height:35px; background-color:#9999CC; box-shadow: 0 0 22px red; } Я и так в стилях запутался, если еще для каждого объекта который по плану должен быть с тенью определять отдельный стиль для эксплорера, то капут настанет. Да и вообще у меня не получилось сделать в эксплорере такой же вид кнопке как слева. Если что-то не правильно отображается, то это почему-то именно эксплорер

Нет, так не проще, потому что у меня за кнопкой идет картинка Нужно как-то придумать чтобы серый блок исчезал из виду. Вместо всех цветов идут картинки. Пытался блоку серому подменить класс - единственное наверно как можно решать проблему. Т.е сменяем класс блоку, в новом классе все тоже самое что и в старом - но картинка в диве = прозрачность. Но при смене класса серому блоку он уезжает в край и всё тут Все дело в тени вокруг кнопки, она плавная и большая, красивая В эксплорере сделать тень закругленную вокруг кнопки у меня так и не вышло. Нашел советы в интернете, там какие-то фильтры применяются, огород какой-то. Я тот вариант не осилил.

Вопрос, по-моему, очень объемный, в ответ на него можно весь учебник по верстке озвучить ))

Придумал как решить свою задачу с тенями вокруг кнопок, но уперся в другую беду, которую так и не смог решить самостоятельно. Суть такая, что есть блок (серый), в нем лежит блок что чуточку поменьше размерами (синий). При наведении на синий блок он становится зеленым, при зажимании мышки - красным, при отпускании или уведении мышкой - обратно синим. Подскажите, как при помощи javascript сделать так, чтобы при нажимании на синенький блок серый блок - исчезал из виду? А при отпускании мышки - серый снова становился виден? При этом чтобы синенький блок где сидел чтобы там и оставался. Что я только не пробовал. Если делать серому display:none то всё, он пропадает с концами, прихватив с собой и синий блок. Если серому сменить класс - то эта сволочь улезает в угол экрана и вообще происходят такие сдвиги, что плохо становится http://jsfiddle.net/6hu2W/6/

Не совсем понял, как это. Если уменьшить блок - то в него не влезет изображение кнопки целиком, т.е кнопка просто обрежется границами блока. Тут дело в простой кнопке, которая стилизована и имеет тень изначально в своем изображении, а не оформлена посредством css. Если быть точнее - то дело в стиле. Тень вокруг кнопки большая, и размер дива в котором лежит эта кнопка - тоже больше, чтобы влезла вся кнопка с тенью. При наведении на кнопку, как показано в примере, она реагирует сменой цвета. Но получается некрасиво - мышька перекрашивает кнопку а визуально до нее еще не доехала. И обратный эффект тоже получается кривой: при убирании с дива мышки визуально мышка отъехала с кнопки, но она не становится прежней, потому что мышка над тенью. В общем, не знаю даже что и думать Кнопка с тенью выглядит красиво, жаль что нельзя на диве рисовать карту как на img блоке