ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Вопрос про блоки <div>
4 сообщений из 4, страница 1 из 1
Вопрос про блоки <div>
    #38491570
Фотография Хороший человек
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Хороший человек
Участник
Доброго времени суток! Являюсь новичком в использовании стилей. Задачка у меня такая. При нажатии на ссылку появляется блок <div>. Хотелось бы располагать его непосредственно под ссылкой. Как это сделать?
...
Рейтинг: 0 / 0
06.12.2013, 12:38
| Ответить | Цитировать | Написать  
Вопрос про блоки <div>
    #38491580
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Хороший человек,

С помощью "position:absolute".
...
Рейтинг: 0 / 0
06.12.2013, 12:42
| Ответить | Цитировать | Написать  
Вопрос про блоки <div>
    #38491802
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
Хороший человек,

на основе Псевдокласса :target можно сделать типа аккордеона
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
<!DOCTYPE html>
<html>
<style>
body {font:10pt arial, sans-serif; background:#f3faff;}
.cont {
	width:310px;
	background:#fff;
	border-radius:5px;
	margin-top:8px;
}
.info {
	height:0;
	overflow:hidden;
	margin:0;
}
h1 {font-size:1em; margin:0;}
a {
	display:block;
	height:23px;
	line-height:23px;
	color:#000;
	text-decoration:none;
	text-align:center;
	border-bottom:1px solid #ccc;
	background:#c0c0c0;
}
a:hover, a:focus {opacity:0.8;}
:target + .info {padding:8px 10px;}
#aaaa:target + .info {height:auto;}
#bbbb:target + .info {height:auto;}
#cccc:target + .info {height:auto;}
</style>
<body>
Досье героев
<div class="cont">
	<a href=#aaaa id=aaaa> <h1>Джимми Хоккинс</h1> </a>
	<div class="info">Очень, очень хороший и вежливый мальчик.<br>Скромен, добр, правдив. Слушает маму и каждое утро делает зарядку. Характер мягкий.</div>
	<a href=#bbbb id=bbbb> <h1>Сквайр Трелони</h1> </a>
	<div class="info">Туп, жаден, прожорлив, надменен, трусоват, ленив.<br>Характер отсутствует. Не женат.</div>
	<a href=#cccc id=cccc> <h1>Доктор Ливси</h1> </a>
	<div class="info">Очень хороший и веселый человек.<br>Характер общительный. Не женат.</div>
</div>
</body>
</html>
...
Рейтинг: 0 / 0
06.12.2013, 14:18
| Ответить | Цитировать | Написать  
Вопрос про блоки <div>
    #38493640
Фотография Хороший человек
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Хороший человек
Участник
Спасибо всем. Все очень помогли:)
...
Рейтинг: 0 / 0
09.12.2013, 09:02
| Ответить | Цитировать | Написать  
4 сообщений из 4, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Вопрос про блоки <div>
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38491802&tid=1447580]:
 0ms
get settings:
 5ms
get forum list:
 9ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 144ms
get topic data:
 6ms
get forum data:
 2ms
get page messages:
 25ms
get tp. blocked users:
 1ms
others: 193ms
total:  389ms
созд. / загр.: 389ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]