За последние 24 часа нас посетили 10018 программистов и 446 роботов. Сейчас ищут 75 программистов ...

Вывод игрового поля .

Тема в разделе "HTML и CSS", создана пользователем romas, 6 дек 2017.

  1. romas

    romas Новичок

    С нами с:
    15 мар 2017
    Сообщения:
    44
    Симпатии:
    0
    Не знаю вроде выбрал правильный раздел .
    Как можно реализовать вывод игрового поля .
    Поле 10х10 , каждое ячейка на поли это картинка 50px на 50px. Мне надо добавить картинку на 100px на 100px , разумеется это будит ячейка уже 2х2.
    HTML:
    1. </div><div class='rov' style='z-index:1;background-image:url(/images/ground.png);'><div class='kos' style=''></div>
    2. </div><div class='rov' style='z-index:2;background-image:url(/images/ground.png);'><div class='kos' style=''></div>
    3. </div><div class='rov' style='z-index:3;background-image:url(/images/ground.png);'><div class='kos' style=''></div>
    4. </div><div class='rov' style='z-index:4;background-image:url(/images/ground.png);'><div class='kos' style=''></div>
    5. </div><div class='rov' style='z-index:5;background-image:url(/images/ground.png);'><div class='kos' style=''></div>
    6. </div><div class='rov' style='z-index:6;background-image:url(/images/ground.png);'><div class='kos' style=''></div>
    7. </div><div class='rov' style='z-index:7;background-image:url(/images/ground.png);'><div class='kos' style=''></div>
    8. </div><div class='rov' style='z-index:8;background-image:url(/images/ground.png);'><div class='kos' style=''></div>
    9. </div><div class='rov' style='z-index:9;background-image:url(/images/ground.png);'><div class='kos' style=''></div>
    10.  
    Вот как я делаю.
     
  2. TeslaFeo

    TeslaFeo Активный пользователь

    С нами с:
    9 мар 2016
    Сообщения:
    1.875
    Симпатии:
    455
    что за игровое поле? что за картинка?
    картинку можно уменьшить, добавить еще общим фоном и размножить (bacground-repeat)
     
  3. romas

    romas Новичок

    С нами с:
    15 мар 2017
    Сообщения:
    44
    Симпатии:
    0
    Уменьшить исключино
     

    Вложения:

    • lines.gif
      lines.gif
      Размер файла:
      28,9 КБ
      Просмотров:
      9
  4. TeslaFeo

    TeslaFeo Активный пользователь

    С нами с:
    9 мар 2016
    Сообщения:
    1.875
    Симпатии:
    455
    а вопрос в чем?
     
    denis01 нравится это.
  5. romas

    romas Новичок

    С нами с:
    15 мар 2017
    Сообщения:
    44
    Симпатии:
    0
    Все тема закрыта , разобрался.