Форум

vlsh · #1 (**permalink**) 19.09.2013, 14:49

Здравствуйте всем, кто не равнодушен к страждущим

Вопрос следующего характера
- есть картинка
- также есть поле с квадратиками
Необходимо создать вот такое наложение сверху на уже имеющееся.
Причем по следующим критериям:
- чтобы все регулировки - цвет большого поля\квадрата и маленьких квадратиков внутри поля, размеры и тех и других, местоположение маленьких квадратиков можно было менять в самом коде.

За ранее спасибо.
Пока не знаю каких вопросов ждать - но направьте и спрашивайте все что необходимо - постараюсь отвечать....

ksa · #2 (**permalink**) 19.09.2013, 15:06

Сообщение от vlsh

Пока не знаю каких вопросов ждать

Если у тебя "все есть" - где тестовый пример?

vlsh · #3 (**permalink**) 19.09.2013, 15:19

тестов никаких нету
- есть идея
- есть поле для применения - где необходимо пристыковать данную мысль
то есть прикрутить возможность наложения заранее заданных квадратиков (в цветовом оформлении) в соответствующие(заданные) места, как на рисунке - такое наложение

ksa · #4 (**permalink**) 19.09.2013, 15:40

Сообщение от vlsh

тестов никаких нету

Ты умеешь делать квадраты на ХТМЛ?
Умеешь задавать фон хтмл-элементам?

vlsh · #5 (**permalink**) 19.09.2013, 15:44

нет ни то ни другое
но ведь проблема может быть еще и в том, что необходимо определить место положения наложенного квадрата

ksa · #6 (**permalink**) 19.09.2013, 15:46

Сообщение от vlsh

нет ни то ни другое

Больше вопросов не имею...

рони · #7 (**permalink**) 19.09.2013, 16:24

Сообщение от vlsh

цвет большого поля\квадрата и маленьких квадратиков внутри поля, размеры и тех и других, местоположение маленьких квадратиков можно было менять в самом коде.

css

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <style type="text/css">
  .win{border:#000000 12px solid;position:relative;display:inline-block;left:50px}
  .win img{margin:60px 100px 60px 20px}
  .win1{position:absolute;width:145px;height:130px;border:#0292D8 12px solid;left:145px;top:180px}
  .win2{position:absolute;width:145px;height:130px;border:#DB261B 12px solid;left:340px;top:180px}
  </style>
</head>

<body>
<div class="win"><img src="http://i5.imageban.ru/out/2013/09/19/5b50e34491d85c1b8a45c5787635b429.jpg" alt=""><div class="win1"></div><div class="win2"></div></div>
<img src="http://i5.imageban.ru/out/2013/09/19/be96039a81184ad0d726b7468129712a.jpg" alt="">
</body>

</html>

vlsh · #8 (**permalink**) 19.09.2013, 17:46

Сообщение от рони

по Коду

спасибо - разбираюсь...
простите - никак не получается аналогию провести, - а как теперь привязать создание той же клетки только к уже имеющемуся полю - например если такая сетка Причем эта сетка находится внутри другого поля

а можно как то к координатам привязать, сетка по сути такой вид имеет:
WordX = new Array(3); WordY = new Array(0); - красный
WordX = new Array(8); WordY = new Array(5); - синий
это конечно только мысль - а на практике не знаю...

vlsh · #9 (**permalink**) 20.09.2013, 13:30

прошу помощи - не значит что ничего не делаю
опробовал выше указанный код в разных ситуациях, но с клетками в сетке никак (приявязка нужна уже к имеющемуся полю)

vlsh · #10 (**permalink**) 21.09.2013, 00:03

вот пытаюсь теперь прикинуть данную версию кода для такой ситуации:
*Задача: необходимо создать цветные клетки по сетке
простите - никак не получается привязать создание цветной клетки раннее указанного кода к уже имеющемуся полю:
- если есть такая сетка
- и эта сетка находится внутри другого поля
как же теперь прикрутить..

Форум

Справочник

Discord чат

Курсы javascript