ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Расположить дивы по углам
4 сообщений из 4, страница 1 из 1
Расположить дивы по углам
    #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, 10:23
| Ответить | Цитировать | Написать  
Расположить дивы по углам
    #39295014
Фотография Areostar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Areostar
Участник
Ну что? Ни кто ничего не скажет по теме?
...
Рейтинг: 0 / 0
20.08.2016, 20:32
| Ответить | Цитировать | Написать  
Расположить дивы по углам
    #39295046
Фотография Sam Winchester
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Sam Winchester
Участник
Areostar,

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

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


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