Эфект наведения
Не знаю даже как более толково обозвать тему...
Проблема такая:
http://info.yaweb.ru/tri/
наведение на меню.
Т.е. шапка - это MAP, при наведении на опр. область включается перекрывающий ГИФ (для эффекта подсветки), при ухода мыши уже с него - убирается.
Суть в том, что гиф - прямоугольный, и частично перекрывает другие пункты меню.
Как решить этот вопрос, кто подскажет?
Проблема такая:
http://info.yaweb.ru/tri/
наведение на меню.
Т.е. шапка - это MAP, при наведении на опр. область включается перекрывающий ГИФ (для эффекта подсветки), при ухода мыши уже с него - убирается.
Суть в том, что гиф - прямоугольный, и частично перекрывает другие пункты меню.
Как решить этот вопрос, кто подскажет?
А где сам вопрос? :rolleyes:
Ну а посмотреть как сделано на сайте-примере не судьба? Или лень?
Посмотреть, "как" сделано - было некогда. То, что там что-то есть, и это что-то работает не очень ровно - я увидел.
Автору: откажитесь от map - это устаревший раритет. Смотрите в сторону абсолютно позиционированных элементов, картинок с прозрачными "пустыми" областями по краям и смене фоновых изображений путем позиционирования фона.
Последнее вкратце - оба состояния картинки хранятся в одном файле, например, один под другим. При наведении мышки на ссылку меняется background-position в css. Вполне себе кроссбраузерно и никаких проблем с подгрузкой.
Автору: откажитесь от map - это устаревший раритет. Смотрите в сторону абсолютно позиционированных элементов, картинок с прозрачными "пустыми" областями по краям и смене фоновых изображений путем позиционирования фона.
Последнее вкратце - оба состояния картинки хранятся в одном файле, например, один под другим. При наведении мышки на ссылку меняется background-position в css. Вполне себе кроссбраузерно и никаких проблем с подгрузкой.
И еще: используйте "cursor: pointer" для всех элементов, клик по которым вызывает переход на другой URI. А то не совсем ясно, произойдет ли что-нибудь, когда наводишь мышку на картинку и ничего не меняется (гиф тоже через раз вылазит) :)
Цитата: RussianSpy
Ну а посмотреть как сделано на сайте-примере не судьба? Или лень?
где ты увидел сайт-пример? О_о
ТС, набери в гугле "position:absolute"
А еще лучше набрать "http://www.w3.org/Style/CSS/", почитать спецификации, а потом в гугле "блочная верстка" :)
Цитата: Franky
где ты увидел сайт-пример? О_о
Виноват - невнимательно прочитал...
Мне думается что для подобных "изысков" лучше использовать Flash
Цитата: e1vin
А еще лучше набрать "http://www.w3.org/Style/CSS/", почитать спецификации, а потом в гугле "блочная верстка" :)
Прежде чем советовать что-либо ознакомься, плиз, с сабжем... Хотя бы ПКМ, "просмотр HTML-кода".
Еще можно "Файл", "Сохранить как", тогда и ЦСС глянуть можно ;)
Как вариант - спросить, выложу все сюда.
Ув. модераторы, грохните, плиз, тему.
Не проще сделать это на Flash? =))) И лучше и круЧе )
уже начинаю склоняться к этом, тут подсказали еще один вариант... не получися - прийдется делать флеш.