Написать скрипт "квадрат и клетки"
Здравствуйте всем, кто не равнодушен к страждущим:)
Вопрос следующего характера - есть картинка - также есть поле с квадратиками Необходимо создать вот такое наложение сверху на уже имеющееся. Причем по следующим критериям: - чтобы все регулировки - цвет большого поля\квадрата и маленьких квадратиков внутри поля, размеры и тех и других, местоположение маленьких квадратиков можно было менять в самом коде. За ранее спасибо. Пока не знаю каких вопросов ждать - но направьте и спрашивайте все что необходимо - постараюсь отвечать.... |
Цитата:
|
тестов никаких нету
- есть идея - есть поле для применения - где необходимо пристыковать данную мысль то есть прикрутить возможность наложения заранее заданных квадратиков (в цветовом оформлении) в соответствующие(заданные) места, как на рисунке - такое наложение |
Цитата:
Умеешь задавать фон хтмл-элементам? |
нет ни то ни другое
но ведь проблема может быть еще и в том, что необходимо определить место положения наложенного квадрата |
Цитата:
|
Цитата:
<!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>
|
Цитата:
простите - никак не получается аналогию провести, - а как теперь привязать создание той же клетки только к уже имеющемуся полю - например если такая сетка Причем эта сетка находится внутри другого поля а можно как то к координатам привязать, сетка по сути такой вид имеет: WordX = new Array(3); WordY = new Array(0); - красный WordX = new Array(8); WordY = new Array(5); - синий это конечно только мысль - а на практике не знаю... |
прошу помощи - не значит что ничего не делаю
опробовал выше указанный код в разных ситуациях, но с клетками в сетке никак (приявязка нужна уже к имеющемуся полю) |
вот пытаюсь теперь прикинуть данную версию кода для такой ситуации:
*Задача: необходимо создать цветные клетки по сетке простите - никак не получается привязать создание цветной клетки раннее указанного кода к уже имеющемуся полю: - если есть такая сетка - и эта сетка находится внутри другого поля как же теперь прикрутить.. |
| Часовой пояс GMT +3, время: 15:29. |