Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.80/5: Рейтинг темы: голосов - 5, средняя оценка - 4.80
31 / 45 / 21
Регистрация: 09.10.2012
Сообщений: 815
1

Непонятки с позицией

05.03.2014, 12:27. Просмотров 927. Ответов 6
Метки нет (Все метки)


Доброго времени суток! Имеется такой html и css код показывается только 1 из картинок а не все 3
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!doctype html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="/css/auth.css">
<title>elinar</title>
</head>
<body>
<div id="wrapper">
   <div id="header">
   </div>
   <div id="main">
   <div id="roundSliceOne"><img src="https://www.cyberforum.ru/images/round.png" width="964" height="500" usemap="#round"></div>
   <div id="roundSliceTwo"><img src="https://www.cyberforum.ru/images/round2.jpg" width="964" height="500" usemap="#round"></div>
   <div id="roundSliceThree"><img src="https://www.cyberforum.ru/images/round3.jpg" width="964" height="500" usemap="#round"></div>
   </div>
</div>
CSS
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, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
 font-family: Arial, Verdana, sans-serif;
 min-width:964px;
 max-width:1920px;
 min-height:600px;
}
#wrapper {
    width: 964px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden; 
    /*for IE */
    zoom:1;
    
}
#header {
    width: 964px;
    height: 100px;
    background-color:black;
}
#main {
width:964;
height:500px;
margin-top:50px;
}
#roundSliceOne {
position:absolute;
z-index:1;
}
#roundSliceTwo {
position:absolute;
z-index:2;
}
#roundSliceThree {
position:absolute;
z-index:3;
}
0
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
05.03.2014, 12:27
Ответы с готовыми решениями:

непонятки с позицией запроса
Ребята Всем привет! Есть запрос - &quot;встреча из роддома&quot; и есть страница продвигаемая по этому...

10 изображений с рандомной позицией
Хочу организовать вывод одной и той же картинки 10 раз в рандомные позиции по x, пишу: &lt;style&gt;...

Проблемка с позицией модуля
на сайте http://www.autodom-ufa.ru/ вставил модуль YOOtoppanel, добавил позицию для него, всё вроде...

Управление позицией курсора мыши
Доброго времени суток! Прошу помочь с не простой задачей: Отслеживать события движения мыши в...

__________________
Помогаю в написании студенческих работ здесь.
6
94 / 67 / 23
Регистрация: 22.09.2013
Сообщений: 626
05.03.2014, 14:05 2
Ну так они лежат одна на одной , не ?
0
269 / 261 / 35
Регистрация: 21.02.2012
Сообщений: 1,078
05.03.2014, 17:09 3
так они у вас и лежат друг на друге ) поэтому показывается та, которая сверху. У вас для этого даже z-index прописан, что бы они так показывались.
0
Человек
325 / 199 / 63
Регистрация: 04.02.2013
Сообщений: 1,200
05.03.2014, 18:05 4
используйте absolute только в действительно безвыходных ситуациях.

Не по теме:

я в своих проектах стараюсь не использовать его вообще

1
31 / 45 / 21
Регистрация: 09.10.2012
Сообщений: 815
05.03.2014, 19:33  [ТС] 5
разобрался,в итоге надо все в png было
0
269 / 261 / 35
Регистрация: 21.02.2012
Сообщений: 1,078
05.03.2014, 22:45 6
если правильно исползовать position:absolute; то это свойство очень и очень полезно, я его всегда пользую ))
0
269 / 261 / 35
Регистрация: 21.02.2012
Сообщений: 1,078
07.03.2014, 10:21 7
Лучший ответ Сообщение было отмечено Inkvizzz как решение

Решение

Вот нарыл в инете одну из немногих тем, в которой понятно про абсолютную позицию

http://radiomarkup.ru/ncss/ncs... -jelementa
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
07.03.2014, 10:21

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

Список в длину с абсолютной позицией
Мне необходимо сделать список в длину с абсолютной позицией. Я могу сделать список в длину, но...

Соотношение между 1 и 10 позицией в поисковиках
Вот у меня возник вопрос какое соотношение кликов в яндексе или др поисковиках между 1, 5 и 10...

Замена символа с определённой позицией в файле
Не получается заменить символ в файле с определённой позицией на цифру &quot;8&quot;. Также почему-то не...

Закрепление картинки за определенной позицией перетаскиванием
перетаскивание картинки я уже организовал теперь мне нужно что бы я когда перетаскивал картинку она...


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

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

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