X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

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

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Работа с HOVER
Slash_hb
Slash_hb
Topic Starter сообщение 12.5.2008, 12:00; Ответить: Slash_hb
Сообщение #1


Доброе время суток! Подскажите, пожалуйста, новичку, а то уже намучалась вся..

Хочу сделать 2 блока так, чтобы при наведении мыши на блок№1 менялся его цвет (всего блока, а не только текста, как у меня получается) и одновременно блока№2.

html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<link href="style_of_page_menu.css" rel="stylesheet" type="text/css" />
<title>Page2</title>
</head>
<body>
    <div class="col1">
                <b>Заголовок №1</b>
    </div>
    <div class="col2">
                <b>Заголовок №2</b>
    </div>
    
    
</body>
</html>

css:
.col1, .col2
{
float:left;
width:160px;
height:40px;
padding:5px 10px;
border:solid 1px;
}

.col1 b:hover {text-decoration: none; background-color: #FFCCFF;}
.col2 b:hover {text-decoration: none; background-color: #99CCFF;}

Может можно сделать какую-нибудь конструкцию типа:
.col1 b:hover{background-color: #FFCCFF; .col2 {background-color: #99CCFF;}}


???
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 12.5.2008, 12:02; Ответить: Webmaster_hb
Сообщение #2


Slash, если это разные блоки то никак
решения:
- либо объеденить общим DIV на котором и применять свойство HOVER
- либо менять фон с помощью JavaScript
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Slash_hb
Slash_hb
Topic Starter сообщение 12.5.2008, 12:12; Ответить: Slash_hb
Сообщение #3


т.е. оба блока будут окрашиваться одновремменно в один цвет?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 12.5.2008, 12:28; Ответить: Webmaster_hb
Сообщение #4


Slash, да в один
если надо в разные, то используйте JavaScript

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Нужна работа
0 filatd 736 12.1.2024, 17:08
автор: filatd
Открытая тема (нет новых ответов) Работа: Разная рутина
Работа, разные рутинные задачи: постинг / переговоры / поиск
1 ivanshargin 958 31.10.2023, 17:55
автор: ServersExpert
Открытая тема (нет новых ответов) Нужна удаленная работа
Нужна удаленная работа
0 filatd 1014 12.9.2023, 11:40
автор: filatd
Открытая тема (нет новых ответов) Нужны тексты для сайта, работа на постоянку
6 danilchuk88 1630 19.3.2023, 0:53
автор: malamut
Открытая тема (нет новых ответов) Работа по размещению ссылок
1 masterstraff 2095 17.12.2022, 2:43
автор: aspi


 



RSS Текстовая версия Сейчас: 18.4.2024, 6:57
Дизайн