Не появляется скрытый DIV - SEO форум MaulTalk.com

Сообщение сайта

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

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

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

SEO форум MaulTalk.com > Веб-строительство > Программная часть

Не появляется скрытый DIV

Опции

Brutalizer

Topic Starter сообщение

24.1.2013, 15:00; Ответить: Brutalizer

Сообщение #1

Группа: User
Сообщений: 5
Регистрация: 24.1.2013
Поблагодарили: 0 раз
Репутация:

Помогите решить следующую проблему.
Имеется 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>

Ответить с цитированием данного сообщения

Zippovich Zippovich 24.1.2013, 23:43; Сообщений: 1746 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	24.1.2013, 23:43; Ответить: Zippovich Сообщение #2
0 Группа: User Сообщений: 1746 Регистрация: 10.12.2008 Поблагодарили: 0 раз Репутация: 0	<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 Topic Starter BrutalizerTopic Starter 25.1.2013, 16:15; Сообщений: 5 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 25.1.2013, 16:15; Ответить: Brutalizer Сообщение #3
0 Группа: User Сообщений: 5 Регистрация: 24.1.2013 Поблагодарили: 0 раз Репутация: 0	Zippovich, благодарю. То, что нужно. Ещё вопрос: как сделать так, чтобы картинка2 появлялась по клику на картинку1, и при клике на картинку2 она (картинка2) исчезала. Ну чтобы как в галареи было: щёлкнул на миниатюру - в середине экрана появилась большая картинка. Щёлкнул на большую картинку - она исчезла.

Zippovich Zippovich 25.1.2013, 16:23; Сообщений: 1746 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	25.1.2013, 16:23; Ответить: Zippovich Сообщение #4
0 Группа: User Сообщений: 1746 Регистрация: 10.12.2008 Поблагодарили: 0 раз Репутация: 0	На хтмл цсс такого не сделаешь - нужно на джаваскрипт. Навесить обработчики событий.

Brutalizer

Topic Starter сообщение

25.1.2013, 16:26; Ответить: Brutalizer

Сообщение #5

Группа: User
Сообщений: 5
Регистрация: 24.1.2013
Поблагодарили: 0 раз
Репутация:

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

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

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

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 21.3.2025, 11:53

Дизайн