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



 

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

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

Открыть тему
Тема закрыта
> Не появляется скрытый DIV
Brutalizer
Brutalizer
Topic Starter сообщение 24.1.2013, 15:00; Ответить: Brutalizer
Сообщение #1


Помогите решить следующую проблему.
Имеется DIV, в него вложена картинка1. При наведении мыши на картинку1 появляется скрытый DIV с картинкой2. Всё это отлично работает, но если DIV с картинкой1 поместить ещё в один DIV (в коде я выделил его красным), то всё - ничего не работает. При наведении курсора на картинку1, картинка2 не появляется. :wacko:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Проба</title>
<style type="text/css">
#one {
}
#two {
position: absolute;
left: 45%;
top: 25%;
}
.b {
}
.b:hover + .descr {
visibility: visible;
}
.descr {
visibility: hidden;
}
</style>
</head>

<body>
<div>
<div id="one" class="b">
<img src="kartinka1.jpg" width="80" height="122">
</div>
</div>

<div id="two" class="descr">
<img src="kartinka2.jpg" alt="скрытая картинка" width="240" height="365">
</div>
</body>
</html>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zippovich
Zippovich
сообщение 24.1.2013, 23:43; Ответить: Zippovich
Сообщение #2


<div>
<div id="one" class="b">
<img src="kartinka1.jpg" width="80" height="122">
<div id="two" class="descr">
<img src="kartinka2.jpg" alt="скрытая картинка" width="240" height="365">
</div>
</div>


[CSS].b:hover .descr {
display: block;
}
.b .descr {
display: none;
position: absolute
}
.b {position: relative}[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Brutalizer
Brutalizer
Topic Starter сообщение 25.1.2013, 16:15; Ответить: Brutalizer
Сообщение #3


Zippovich, благодарю. То, что нужно.
Ещё вопрос: как сделать так, чтобы картинка2 появлялась по клику на картинку1, и при клике на картинку2 она (картинка2) исчезала.
Ну чтобы как в галареи было: щёлкнул на миниатюру - в середине экрана появилась большая картинка. Щёлкнул на большую картинку - она исчезла.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zippovich
Zippovich
сообщение 25.1.2013, 16:23; Ответить: Zippovich
Сообщение #4


На хтмл цсс такого не сделаешь - нужно на джаваскрипт. Навесить обработчики событий.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Brutalizer
Brutalizer
Topic Starter сообщение 25.1.2013, 16:26; Ответить: Brutalizer
Сообщение #5


Zippovich,понял. Спасибо. :)

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Моя div-ная верстка соответствует ли стандартам
Хотелось бы конструктивной критики
10 muratastana 1545 14.1.2023, 1:16
автор: xweb
Открытая тема (нет новых ответов) Скрытый пиар на форумах!
8 Инесса 4694 16.6.2020, 17:48
автор: Marina
Открытая тема (нет новых ответов) DIV'ы в строку
0 RedEclipse 5463 29.9.2016, 17:53
автор: -RedEclipse-
Открытая тема (нет новых ответов) при выборе radio в option не скрывались div
0 serj123 6928 17.4.2016, 17:45
автор: -serj123-
Открытая тема (нет новых ответов) Как заставить отображать несколько элементов DIV в одну строку?
2 Aalena 3999 10.1.2016, 10:18
автор: -Aalena-


 



RSS Текстовая версия Сейчас: 28.3.2024, 19:56
Дизайн