PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Ссылка на блок

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

Avalon	Отправлено: 12 Февраля, 2010 - 09:09:22
Новичок Покинул форум Сообщений всего: 39 Дата рег-ции: Дек. 2008 Помог: 0 раз(а) [+]	Нужно чтобы при наведении на блок, менялся фон. Я это сделал, но получилось криво - только при наведении на текст в блоке, меняется фон. Подскажите, пожалуйста. Вот код: CODE (htmlphp): скопировать код в буфер обмена <div class='video_menu_area'> <div class='video_menu'><a href=''> <div class='block'><p></p></div></a> </div> </div> Вот css: CODE (htmlphp): скопировать код в буфер обмена .video_menu_area { position:absolute; width: 995px; height: 531px; margin: 0px; background-color:#000000; } .video_menu { width: 320px; height: 524px; margin: 0px 0px 0px 664px; padding-right:10px; } .video_menu .block { color:#FFFFFF; height: 85px; margin: 13px 0 0 0; padding: 5px 5px 0 15px; } .video_menu a { display: block; text-decoration: none; background-color:#000000; height: 85px; } .video_menu a:hover { background: url(img/videomenu_bg.png) repeat-x; } Без video_menu_area работает правильно (кроме IE), с ней работает не так как надо. В чем может быть проблема? (Отредактировано автором: 12 Февраля, 2010 - 09:21:12)

Viper	Отправлено: 12 Февраля, 2010 - 10:15:05
Активный участник Покинул форум Сообщений всего: 4555 Дата рег-ции: Февр. 2007 Откуда: Симферополь Помог: 98 раз(а)	ну так у вас же указано псевдо-свойство только для a. как же вы думаете поменяется фон у div? .video_menu:hover {...} в ишаке версий 5.х/6 работать не будет. ----- Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе

JustUserR	Отправлено: 12 Февраля, 2010 - 19:46:54
Активный участник Покинул форум Сообщений всего: 8715 Дата рег-ции: Июнь 2009 Помог: 17 раз(а)	Avalon Проблема в том что свойства классов стилей типа :hover и :visited работают только для link-блоков то есть для гиперссылок - но впринципе вы можете заменить ваш div-блок на <a href="javascript:void(0)" style="position:relative; display:block"></a> который тоже будет вести себя как блок - но более удобно сделать это с помощью функци JS-скрипта который в данном случае уместится в один блок on_event ----- Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« HTML, Дизайн & CSS »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.