Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/5: Рейтинг темы: голосов - 5, средняя оценка - 5.00
0 / 0 / 2
Регистрация: 07.01.2015
Сообщений: 77
1

Наложить область ссылки на другие элементы

10.04.2015, 18:12. Просмотров 841. Ответов 1
Метки нет (Все метки)

Такая вот задача, надо активную область ссылки наложить поверх других элементов, которые идут сразу после ссылки.
Задача в том, что я с помощью position накладываю область ссылки на элементы, но они все опускаются вниз на странице. Как наложить так что бы они не опускались вниз?
Примет html кода:
HTML5
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
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>1html</title>
<head>
</head>
 
<body>
 
<style type="text/css">
.img-link {
position:relative;
height:185px;
width: 259px;
bottom:-195px;
display:block;
z-index:101;
background:#FF0040;
}
#div1{
    height:200px;
    width:400px;
    position:relative;
    background:#009;
}
#div2{
    height:200px;
    width:200px;
    position:relative;
    margin:0 auto;
    background:#090;
}
</style>
Надо что бы ссылочный элемент(красный) не опускал все остальные, а накладывался на них.<br>
<a class="img-link" href="#"></a>
<div id="div1">
<div id="div2">
</div>
</div>
 
</body>
</html>
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
10.04.2015, 18:12
Ответы с готовыми решениями:

Другие ссылки на другие сайты, расположенные на основном сайте
вопрос начинающих b-( спасайте могут ли информативные ссылки на другие сайты, расположенные...

Ссылки на другие страницы
Я сделал ссылки таким образом &lt;ul&gt; &lt;li style=&quot;border-left: none&quot;&gt;&lt;a href=&quot;javascript:...

перебрасывает на другие ссылки
Перебрасывает на другие ссылки

Ссылки на другие страницы... и тиц
если бэки идут не на главную, а на вторые страницы сайта, тиц все равно вырастет?

__________________
1
Эксперт HTML/CSS
651 / 554 / 322
Регистрация: 27.01.2015
Сообщений: 1,374
10.04.2015, 18:23 2
HTML5
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
45
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>1html</title>
<head>
</head>
 
<body>
 
<style type="text/css">
#wrap{
position:relative;
}
.img-link {
position:absolute;
top:0px;
height:185px;
width: 259px;
display:block;
z-index:10001;
background:#FF0040;
}
#div1{
    height:200px;
    width:400px;
    position:relative;
    background:#009;
}
#div2{
    height:200px;
    width:200px;
    position:relative;
    margin:0 auto;
    background:#090;
}
</style>
Надо что бы ссылочный элемент(красный) не опускал все остальные, а накладывался на них.<br>
<div id="wrap">
    <a class="img-link" href="#"></a>
    <div id="div1">
        <div id="div2"></div>
    </div>
</div>  
 
</body>
</html>
1
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
10.04.2015, 18:23

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

Не выводятся ссылки на другие страницы
Здравствуйте, я в PHP новичок и у меня есть вопрос касаемо этого кода: $db_server = '127.0.0.1';...

Ссылки на другие страницы в таблице
&lt;?php echo &quot;&lt;table border='1' width='100%'&gt; &lt;tr&gt;&lt;td&gt;&lt;ul&gt; &lt;li&gt;Знания периферии &lt;/li&gt;...

PHPExcel и ссылки на другие книги
Всем привет. Уже который день бьюсь с проблемой, есть таблица в екселе, несколько листов, при этом...

Ссылки на другие проекты и библиотеки
Моя программа использует несколько написанных мною же библиотек, по мере ее написания, дополняются...

Возможно ли узнать, существуют ли другие указатели на данную область памяти?
Возможно ли узнать, существуют ли другие указатели на данную область памяти? например: char *...

как влияют ссылки на другие сайты?
Вот такая то проблема: у меня есть портал(развелчения), и оч часто люди добавляют(может роботы)...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.