Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
MushroomWorld
0 / 0 / 0
Регистрация: 12.02.2016
Сообщений: 26
1

Фиксация всех элементов на странице

29.03.2016, 20:12. Просмотров 151. Ответов 0
Метки нет (Все метки)

Всем привет, в очередной раз задаю вопрос... Задумался над такой проблемой, как изменение масштаба. Создал маленький документ с двумя div'aми. Сначала разбирался, как сделать так, чтобы один не сдвигал другой при отступах - вроде разобрался (кстати, с помощью этого же форума). Теперь масштаб. При изменении все содержимое (код присутствует) сдвигается. Код:
HTML5
1
2
3
4
5
6
<meta charset="utf-8"/>
<title>Test</title>
<center><div id="smtg">Test</div></center>
<center><div id="element" onclick="location.href='intropage.php'"></div></center>
<script>
</script>
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
42
43
44
45
46
47
48
49
50
51
52
53
body
{
    background:  url([url]https://i.ytimg.com/vi/tzlCWAo7p6Q/maxresdefault.jpg[/url]) 75%;
}
#smtg
{
    font-family: cursive;
    font-size: 30px;
    color: white;
    position: absolute;
    left: 46.7%;
    top: 20%;
    
}
#element
{
    height: 100px;
    width: 100px;
    border: black dashed 1px;
    margin-top: 200px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background-color: transparent;
}
 
#element:hover
{
    height: 100px;
    width: 100px;
    border: black solid 1px;
    margin-top: 200px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background-color: transparent;
    cursor: pointer;
    
}
 
#element:active
{
    height: 100px;
    width: 100px;
    border: black solid 1px;
    margin-top: 200px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background-color: transparent;
    box-shadow: 0px 0px 28px -4px black inset;
    
}
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
29.03.2016, 20:12
Ответы с готовыми решениями:

Фиксация элементов на странице
Всем привет! возникла такая проблема (тут http://local.barsplus.com.ua/dele/index.html ) нужно...

Задать одинаковые стили для всех идентификаторов на странице
Подскажите, как написать правило css, которое будет применяться ко всем id на странице?

Позиция элементов на странице
Доброго времени суток! Верстая сайт у меня возник вопрос, как контейнер DIV, размещенный в другом...

Упорядочиванием элементов на странице
Всем доброго! Не получается правильно разместить элементы:...

Масштабирование элементов на странице
Доброго времени суток, уважаемые пользователи форума! Появилась очередная проблема, на этот раз с...

0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
29.03.2016, 20:12

Перемещение элементов по странице
Может я чего-то не знаю,но почему перемещение элементов по странице такое сложное? Постоянно пишешь...

Расположение элементов на странице
Доброй ночи. Делаю свой первый сайт в качестве обучения. Читая литературу все кажется предельно...

Расположение элементов на странице
Всем привет! Ребята есть такая проблема: вот ссылка на страницу...


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

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

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