Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Расположить дивы по углам / 4 сообщений из 4, страница 1 из 1
20.08.2016, 10:23
    #39294878
Areostar
Areostar
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Расположить дивы по углам
Код: html
1.
2.
3.
4.
5.
6.
<div class="container">
	<div class="quert"></div>
	<div class="quert"></div>
        <div class="quert"></div>
	<div class="quert"></div>
</div>



Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
.container
{
	width:500px;
	height:500px;
	background-color:#ffffff;
	border:#ffffff;
}

.quert
{
	width:50px;
	height:50px;
	background-color:#000000;
	border:#ffffff;
}



Имеется большой див и внутри него 4 дива поменьше и другого цвета.

Вопрос как расположить малые дивы тольно по углам большого? придётся прописывать отдельные стили для каждого или есть какойто трюк?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.08.2016, 20:32
    #39295014
Areostar
Areostar
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Расположить дивы по углам
Ну что? Ни кто ничего не скажет по теме?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.08.2016, 23:50
    #39295046
Sam Winchester
Sam Winchester
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Расположить дивы по углам
Areostar,

https://jsfiddle.net/au3zdL7t/
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.08.2016, 11:49
    #39295403
Areostar
Areostar
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Расположить дивы по углам
Sam Winchester,

Ну я такое и имел ввиду. Спрашивал может есть какой фокус чтоб каждому квадратики свои координаты не прописывать.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Расположить дивы по углам / 4 сообщений из 4, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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