Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.67/6: Рейтинг темы: голосов - 6, средняя оценка - 4.67
2 / 2 / 3
Регистрация: 21.08.2015
Сообщений: 110
1

4 окна на одной веб-странице!

04.10.2015, 15:18. Просмотров 1084. Ответов 2
Метки нет (Все метки)

Нужно чтобы 1 окно было слева вверху, 1 слева внизу, 1 справа вверху, 1 справа внизу, все одинакового размера. Что не так с кодом?
PHP/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
<html>
    <head>
        <style>
   .layer1 {
    width:25%; /* Ширина блока */
    background:#ccc; /* Цвет фона */
    padding: 7px; /* Поля вокруг текста */
    border: 1px solid black; /* Параметры рамки */
   }
   .layer2 {
    width: 25%; /* Ширина текстового блока */
    background:#ccc;
    padding: 7px;
    border:1px solid black;
   }
  </style>
  </head>
  <body>
    <div class="layer1">
   <p class="layer2">Lorem ipsum dolor sit amet,consectetuer 
   adipiscing elit,seddiem nonummy nibh euismod tincidunt ut 
   lacreet dolore magna aliguam erat volutpat.</p>
    </body>
</html>
0
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
04.10.2015, 15:18
Ответы с готовыми решениями:

Открытие нескольких веб-страниц, на одной главное веб-странице
Всем доброго времени суток. Перед новым годом, нам всем задали индивидуальные задания, но я...

Как добиться, чтобы при изменении шапки на одной веб-странице шапка на всех веб-страницах менялась автоматически?
Подскажите, пожалуйста, как добиться, чтобы, если я что-то меняю в шапке сайта на одной...

Как выровнять 4 окна на веб-странице?
Какие теги для выравнивания 4 окон на одной веб-странице? Буду благодарен за помощь.

Реклама только на одной веб-странице
Здравствуйте! При просмотре веб-страницы http://vsiodliakukol.ru выскочила страница с рекламой...

2
Фрилансер
735 / 346 / 96
Регистрация: 05.05.2014
Сообщений: 2,621
04.10.2015, 15:41 2
класс layer2 не нужен, т.к. он полностью повторяет класс layer1
0
2 / 2 / 3
Регистрация: 21.08.2015
Сообщений: 110
04.10.2015, 21:04  [ТС] 3
Лучший ответ Сообщение было отмечено thefo как решение

Решение

А как тогда на 4 окна разделить?

Добавлено через 4 часа 49 минут
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
46
47
48
49
50
51
<html>
    <head>
        <style>
   .leftcol { 
     position: absolute; /* Абсолютное позиционирование */
     top: 0px; /* Положение от верхнего края */
     left: 10px; /* Положение от левого края */
     width: 47.7%; /* Ширина блока */
     height:48%;
     background: darkgreen; /* Цвет фона */
     border: 1px solid #000; /* Параметры рамки */
     padding: 10px; /* Поля вокруг текста */
    } 
   
    .rightcol { 
     position: absolute; /* Абсолютное позиционирование */
     top: 0px; /* Положение от верхнего края */
     right: 10px; /* Положение от правого края */
     width: 47.7%; /* Ширина блока */
     height:48%;
     background: darkblue; /* Цвет фона */
     border: 1px solid black; /* Параметры рамки */
     padding: 10px; /* Поля вокруг текста */
    }
    .bottomleft { 
    bottom: 0px; /* Расстояние от нижнего края окна браузера */
    width:47.7%;
    height:48%;
    position: absolute; /* Абсолютное позиционирование */
    background: #f0f0f0; /* Цвет фона */
    padding: 7px; /* Поля вокруг текста */
    border: solid 1px black; /* Параметры рамки */
   }
   .bottomrigth { 
    bottom: 0px; /* Расстояние от нижнего края окна браузера */
    width:47.7%;
    height:48%;
    position: absolute; /* Абсолютное позиционирование */
    background: yellow; /* Цвет фона */
    padding: 7px; /* Поля вокруг текста */
    border: solid 1px black; /* Параметры рамки */
   }
  </style>
  </head>
  <body>
   <div class="leftcol">1</div>
  <div class="bottomleft">2</div>
  <div class="rightcol">3</div>
  <div class="bottomright">4</div>
    </body>
</html>
Вот я дописал код. Но тут не получается написать 4 окно, и подровнять их.
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
04.10.2015, 21:04

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

Как вывести переменную, записанную в cookie на одной странице, на другой странице?
Доброго времени суток всем! Помогите пожалуйста советом новичку. Как вывести переменную,...

Вытаскиваем необходимые данные из одной таблицы и вписываем в другую на одной странице
Всем привет ..... сразу к делу &lt;?php $res = mysql_query(&quot;SELECT id FROM `album`...

Не могу обновить Аvira, выскакивают рекламные окна на странице, и запускаются отдельные рекламные окна
Здравствуйте! Не могу обновить Аvira. Ошибка: служба Планировщика не запущена. В СЛУЖБАХ...

Значение из одной ячейки gridView на одной странице добавить в gridView на другой
Нужно значение из одной ячейки gridView на одной странице добавить в gridView на другой.. (через...


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

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

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