X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Создание странциы с сеткой 16х16, состоящей из квадратов
Austeen
Austeen
Topic Starter сообщение 14.8.2016, 20:26; Ответить: Austeen
Сообщение #1


Нужно создать страницу с сеткой 16х16, состоящей из div-элементов в форме квадрата. При помощи JS я смог создать один ряд квадратов, но не могу понять, как создать следующий столбец, т.к. они продолжают идти ниже предыдущего ряда.
Вот, что у меня получилось, после создания двух строчек div'ов:

[attachment=41203:Снимок экрана (231).jpg]

Так выглядит код:
HTLM:
<!DOCTYPE html>
<html>
<head>
<title>Picture!</title>
<link rel="stylesheet" href="style/style.css">
</head>
<body>
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>

CSS:
[CSS]
#block1 {
width: 25px;
height: 25px;
background: red;
float: left;
border: 5px solid;
clear: both;
}

#block2 {
width: 25px;
height: 25px;
background: red;
float: left;
border: 5px solid;
clear: both;
margin: 0px 0px 0px 30px;
}
[/CSS]
JS:
[JS]
var i = 0;

for (i=0;i<17;i++) {
var div1 = document.createElement('div');
document.body.appendChild(div1);
div1.setAttribute("id", "block1");
};

for (i=0;i<17;i++) {
var div2 = document.createElement('div');
document.body.appendChild(div2);
div2.setAttribute("id", "block2");
};
[/JS]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Austeen
Austeen
Topic Starter сообщение 14.8.2016, 21:49; Ответить: Austeen
Сообщение #2


UPD: Разобрался, как упорядочить столбцы, теперь проблема в другом: как при помощи javascript поместить один div в другой?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
сообщение 15.8.2016, 10:22; Ответить: Degradator
Сообщение #3


div1.appendChild(div2);
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Austeen
Austeen
Topic Starter сообщение 15.8.2016, 23:40; Ответить: Austeen
Сообщение #4


Благодарю!

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) как заслужить право на создание новой темы?
7 writer80 2209 12.3.2024, 22:54
автор: Lumex
Открытая тема (нет новых ответов) <Braga/> Создание Telegram-ботов, web-приложений, крипто-бирж, сайтов.
2 newbraga 1781 10.3.2024, 22:04
автор: newbraga
Открытая тема (нет новых ответов) СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое
5 CULA 3409 19.12.2023, 18:55
автор: CULA
Открытая тема (нет новых ответов) Создание и ведение аккаунтов в соцсетях ("В контакте"/Telegram)
Услуги от профессионального журналиста и SMM-менеджера
2 AvtorXXX 1711 13.11.2023, 23:47
автор: AvtorXXX
Открытая тема (нет новых ответов) Создание информационной площадки с доской объявлений
1 xweb 2062 16.1.2023, 16:25
автор: xweb


 



RSS Текстовая версия Сейчас: 21.4.2024, 7:11
Дизайн